<!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://sc.admin5.com/" 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 href="http://sc.admin5.com/" 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 href="http://sc.admin5.com/" 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 href="http://sc.admin5.com/" 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>
原文：http://www.cnblogs.com/chen-lhx/p/4155899.html