可关闭与展开的对联广告代码
以上只是部份演示图片,详细可以付费购买。
<!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>可关闭与展开的对联广告代码</title>
</head>
<body style="height:2000px;">
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;color:#5e5e5e;text-decoration:none;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
*html,*html body{background-image:url(about:blank);background-attachment:fixed;}
/* fixediv */
.fixediv{position:fixed;top:140px;z-index:9999;height:216px;width:100px;}
*html .fixediv{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin:140px 0 0 0;}
.fixediv-l{left:0px;}
.fixediv-r{right:0px;}
.fixediv .btn{height:25px;background:#CCCCCC;text-align:right;line-height:25px;overflow:hidden;}
</style>
<div id="Bar1190_big" class="fixediv fixediv-l">
<div class="btn"><a href="javascript:void(0);">关闭</a> </div>
<a href="#" target="_blank"><img width="100" height="155" src="//xcdn.php.cn/js/ads/可关闭与展开的对联广告代码/images/1.jpg" alt="站长素材" /></a>
</div>
<div id="Bar1190_small" class="fixediv fixediv-l" style="width:25px;display:none;">
<div class="btn"><a href="javascript:void(0);">展开</a></div>
<a href="#" target="_blank"><img width="25" height="155" src="//xcdn.php.cn/js/ads/可关闭与展开的对联广告代码/images/2.jpg" alt="站长素材" /></a>
</div>
<div id="Bar11901_big" class="fixediv fixediv-r">
<div class="btn"><a href="javascript:void(0);">关闭</a> </div>
<a href="#" target="_blank"><img width="100" height="155" src="//xcdn.php.cn/js/ads/可关闭与展开的对联广告代码/images/1.jpg" alt="站长素材" /></a>
</div>
<div id="Bar11901_small" class="fixediv fixediv-r" style="width:25px;display:none;">
<div class="btn"><a href="javascript:void(0);">展开</a></div>
<a href="#" target="_blank"><img width="25" height="155" src="//xcdn.php.cn/js/ads/可关闭与展开的对联广告代码/images/2.jpg" alt="站长素材" /></a>
</div>
<script type="text/javascript">
function bar1190_show(){
document.getElementById('Bar1190_big').style.display='';
document.getElementById('Bar1190_small').style.display='none';
}
function bar1190_hidden(){
document.getElementById('Bar1190_big').style.display='none';
document.getElementById('Bar1190_small').style.display='';
}
var autohide1190 = setTimeout("bar1190_hidden()",5000);
function bar11901_show(){
document.getElementById('Bar11901_big').style.display='';
document.getElementById('Bar11901_small').style.display='none';
}
function bar11901_hidden(){
document.getElementById('Bar11901_big').style.display='none';
document.getElementById('Bar11901_small').style.display='';
}
var autohide11901 = setTimeout("bar11901_hidden()",5000);
</script>
</body>
</html>
以上代码中的图片和JS,请下载到自己网站目录中使用!
页:
[1]