我爱学习网首页 | 设为首页 | 收藏本站 | 网站地图 您好,欢迎光临我爱学习网
我爱学习网

当前位置:首页 > 编程开发 > js >

可关闭js对联广告代码

时间:2017-02-23 16:56 来源:未知 | 作者:我爱学习网 | 本文已影响
分享一款可关闭js对联广告代码,将下面代码复制并保存为html即可。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>可关闭js对联广告代码</title>
<script src="http://apps.bdimg.com/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
	var duilian = $("div.duilian");
	var duilian_close = $("a.duilian_close");
	
	var screen_w = screen.width;
	if(screen_w>1024){duilian.show();}
	$(window).scroll(function(){
		var scrollTop = $(window).scrollTop();
		duilian.stop().animate({top:scrollTop+60});/*距离浏览器上边距离*/
	});
	duilian_close.click(function(){
		$(this).parent().hide();
		return false;
	});
	
	
});
</script>
<style>
/*下面是对联广告的css代码*/
.duilian {
	top:60px;/*距离浏览器上边距离*/
	position:absolute;
	width:102px;/*对联宽度*/
	overflow:hidden;
	display:none;
}
.duilian_left {
	left:6px;
}
.duilian_right {
	right:6px;
}
.duilian_con {
	border:#CCC solid 1px;/*对联边框,不需要时将1px改为0px*/
	width:100px;
	height:300px;/*对联高度度*/
	overflow:hidden;
}
.duilian_close {
	width:100%;
	height:24px;
	line-height:24px;
	text-align:center;
	display:block;
	font-size:13px;
	color:#555555;
	text-decoration:none;
}
</style>
</head>

<body>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br />
<!--下面是对联广告的html代码结构-->
<div class="duilian duilian_left">
  <div class="duilian_con">
  <img src="http://www.5ixuexiwang.com/uploads/xuewuzhibu.jpg" width="100" />
  <br /><br />
  对联左侧的内容,可添加图片、flash等内容,对联宽、高可自行设置</div>
  <a href="#" class="duilian_close">X关闭</a> </div>
<div class="duilian duilian_right">
  <div class="duilian_con">
  <img src="http://www.5ixuexiwang.com/templets/5ixuexiwang/images/logo.gif" width="100" /><br /><br />
   对联右侧的内容,可添加图片、flash等内容,对联宽、高可自行设置</div>
  <a href="#" class="duilian_close">X关闭</a> </div>
</body>
</html>

(责任编辑:我爱学习网)


分享到: 更多