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

92建站   2020-07-31   收藏本文

这款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>

底部固定横幅广告

免责声明:本站模板均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,若损害您的权益,请联系网站客服,核实后立即删除。
展开