百度未收录

可展开收缩网页底部悬浮图片广告代码

这是一款可展开收缩的jQuery网页底部悬浮图片广告代码,默认展开效果,点击广告图片左侧的收缩按钮滑动收缩切换成飘浮的小图片,点击小图片则展开横幅图片广告,非常灵活实用。

效果预览

可展开收缩网页底部悬浮图片广告代码-狐狸库

JS代码

<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script>
setTimeout(function(){
    $('.thumbnail').trigger('click')
},1000)
// 底部广告栏的收起与展开
$('.thumbnail').on("click", function () {
    $(this).animate({"right": -146},400,function () {
        $(this).hide();
        $('.mask').animate({"left": 0}, 600);
    });
});
$('.closeee').on("click", function () {
    //var thumbWidth = $('.thumbnail').width();
    $('.mask').animate({
        "left": "100%"
        }, 600, function() {
        $('.thumbnail').show().animate({"right": 0},400);
    });
});
</script>
温馨提示: 本文最后更新于2023/06/16 10:11:27。若文章内容或图片失效,请 留言联系站长反馈!
!
也想出现在这里? 联系我们
创意广告
可展开收缩网页底部悬浮图片广告代码
此内容为付费资源,请付费后查看
100积分
网络收集
虚拟资源
自动发货
永久使用
本站资源均为作者提供和网友推荐收集整理而来,仅供学习和研究使用,请在下载后24小时内删除,谢谢合作!
付费资源
© 版权声明
THE END
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容