自带完整数据 快速建站好帮手
客服QQ客服QQ 微信号微信号

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制作关闭后不再重复显示的全屏图片广告代码

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

瓦窑源码专注织梦网站源码与静态模板分享,提供织梦模板,dedecms模板,帝国企业源码,PHPCMS商用源码和免费模板下载

织梦源码 - DEDE模板 - JQ特效 - CMS教程 - SEO优化 - 热门排行 - Tags标签 - 网站地图 - 免责声明

Copyright©2021 瓦窑源码 Why114.COM 版权所有 鲁ICP备20017802号-2

客服QQ:1847629575 微信号:qilujianzhan

展开