jQuery网页底部固定横幅收缩展开通栏图片广告代码

瓦窑源码   2020-07-31   收藏本单
这是一款jQuery网页底部固定横幅收缩展开通栏图片广告代码,可以收缩和展开在网站底部,收缩时在右下角显示一张小图片,点击小图片可以展开显示为通栏图片广告。

这款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网页底部固定横幅收缩展开通栏图片广告代码

演示地址 下载地址A 下载地址B

相关特效

    暂无数据
展开