大型网站都在用的超大气对联广告代码放送了

草海情结 · 发表于 2013-12-12 20:36:23

演示图

代码如下：

<font size="2" color="#696969"><!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);" onClick="bar1190_hidden()">关闭</a> </div>
<a href="http://</font><span style="color: rgb(105, 105, 105); font-size: small; line-height: 19px; ">www.gzcaohai.com</span><font size="2" color="#696969">/" target="_blank"><img width="100" height="155" src="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);" onClick="bar1190_show()">展开</a></div>
<a target="_blank"><img width="25" height="155" src="images/2.jpg" alt="草海论坛" /></a>
</div>
<div id="Bar11901_big" class="fixediv fixediv-r">
<div class="btn"><a href="javascript:void(0);" onClick="bar11901_hidden()">关闭</a> </div>
<a target="_blank"><img width="100" height="155" src="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);" onClick="bar11901_show()">展开</a></div>
<a target="_blank"><img width="25" height="155" src="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>
<div style="text-align:center;clear:both">
</div>
</body>
</html></font>

复制代码

使用方法：
分别做好images/1.jpg的几张图片（共四张），将如上代码加在首页任意位置就行！超简单

wbwolf · 发表于 2014-1-20 17:17:49

谢谢共享。。。。。。

		自动登录	找回密码
密码			立即注册

[发布] 大型网站都在用的超大气对联广告代码放送了

本帖子中包含更多资源

评分