瓦窑源码 快速建站好帮手

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>

具体效果看右侧的【在线演示】吧^_^

底部固定横幅广告

TAG标签:底部固定横幅广告

上一个:第一页
下一个:jQuery制作关闭后不再重复显示的全屏图片广告代码

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

整站源码 - 静态模板 - 网页特效 - CMS教程 - 站长指南 - 热门排行 - XML - HTML - TAG - 免责声明

Copyright© 2020 瓦窑源码 WHY114.COM 版权所有 鲁ICP备12005559号

客服QQ:1847629575 微信号:qilujianzhan

展开