可关闭与展开的对联广告代码

<!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>
时间: 2024-08-24 04:53:29

可关闭与展开的对联广告代码的相关文章

蓝色经典的对联广告代码

<html><head><title>蓝色经典的对联广告代码</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body><table><tr><td height="1000"></tr></t

带关闭按钮的跟随窗口移动对联广告代码

http://www.xuecss3.com/qttx-25-2991-1.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"> <

js对联广告代码,兼容性高

var browser = { ie6: function () { return ((window.XMLHttpRequest == undefined) && (ActiveXObject != undefined)) }, getWindow: function () { var myHeight = 0; var myWidth = 0; if (typeof (window.innerWidth) == 'number') { myHeight = window.innerHe

Js可点击展开关闭的广告代码

<!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><title>网页上可点击展开.关闭的左侧广告代码</t

JavaScript浮动广告代码,容纯DIV/CSS对联漂浮广告代码,兼容性非常好的js右下角与漂浮广告代码

基于JavaScript代码实现随机漂浮图片广告,javascript图片广告 在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上<!DOCTYPE html>类似标签之后,漂浮效果就会失效,下面分享一个符合标准的漂浮代码,使需要的朋友免去大量改造代码的繁琐. 代码一: 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name

我们这里有仿百度联盟对联广告实现代码

仿百度联盟对联广告源代码展示,主要使用现代浏览器都支持的position:fixed属性,并专门针对ie6做了最大限度的兼容性处理 <style type="text/css"> 02 *{margin:0;padding:0;} 03 body{height:2000px;} 04 .floatAd{width:124px;height:299px; text-align:center; position:fixed;margin-left:0;top:109px; _p

JS写出登陆遮罩层+浮动对联广告

用JS写出 遮罩层登陆框 和 对联广告 并自动跟随滚动条 滚动 保持让用户一直可以看到 好了,天色已晚废话不多说,代码特别详细 有注释,请看代码. ================> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml

jquery两边飘浮的对联广告

<!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-

无法屏蔽的左右漂浮图片对联广告

<!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> <title>无法屏蔽的左右漂浮图片对联广告丨河北塑胶地