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>
点击下载
RIPRO主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
优富资源 » jQuery网页底部固定横幅图片广告代码
  • 2会员总数(位)
  • 927资源总数(个)
  • 0本周发布(个)
  • 0今日发布(个)
  • 3250稳定运行(天)

优富资源网 国内最专业的站长资源平台

WordPress专区 整站源码

切换

博客


全屏


顶部