jQuery网页底部固定横幅图片广告代码

木目
木目
木目
234
文章
7
评论
2020年4月5日21:04:02 评论 2,302
广告也精彩

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>
  • 扫扫加博主微信
  • 分享热门资源
  • weinxin
  • 微信公众号
  • 扫一扫获取解压密码
  • weinxin
广告也精彩
  • 本文由 发表于 2020年4月5日21:04:02
广告也精彩

您必须才能发表评论!