jQuery可展开收缩网页底部悬浮图片广告代码-站长技术网

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

时间:2019-11-15 10:29:40 来源:网络收集作者:不详点击:次

源码授权：免费特效运行环境： jQuery 源码大小： 249 KB
普通会员
点击下载

这是一款可展开收缩的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>
jQuery可展开收缩网页底部悬浮图片广告代码