注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2024-01-18
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>

关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。