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>
郑重声明:本站所有下载资源均不包含技术支持和安装服务!需要讨论请进群! 免责申明:本站仅提供学习的平台,所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。本作品采用BY-NC-SA 4.0 《国际知识共享署名许可协议4.0》 进行许可 。
云欧码 » jQuery网页底部固定横幅图片广告代码

提供最优质的资源集合

立即查看 了解详情