用最少的代码实现对联广告！

发布时间：2022-01-20 14:57:48 所属栏目：经验来源：互联网

导读：css 代码代码如下: .couplet_ad /* 底部固定*/{position:fixed;bottom:auto; top:0; width: 120px; height: 230px; z-index:99999; margin-top:158px;} * html .couplet_ad /* IE6 底部固定*/{_position:absolute; _bottom:auto; _top:expression(eval(docu

　　css 代码

　　代码如下:

　　.couplet_ad
　　/* 底部固定*/{position:fixed;bottom:auto; top:0; width: 120px; height: 230px; z-index:99999; margin-top:158px;}
　　* html .couplet_ad
　　/* IE6 底部固定*/{_position:absolute;
　　_bottom:auto;
　　_top:expression(eval(document.documentElement.scrollTop));}
　　.couplet_ad a{ display:block; cursor:pointer;}
　　#ad_left{ left: 0px;}
　　#ad_right{ right: 0px;}
　　

　　html代码(下代码直接放到html中即可)
　　对联广告左边

　　代码如下:

　　<div class="couplet_ad" id="ad_left">
　　<a target="_blank" href=""><img src="dl.jpg"></a>
　　<a onClick="ad_left();">关闭</a>
　　</div>
　　

　　对联广告右边

　　代码如下:

　　<div class="couplet_ad" id="ad_right">
　　<a target="_blank" href=""><img src="dl.jpg"></a>
　　<a onClick="ad_right();">关闭</a>
　　</div>
　　
　　

　　这个js是关闭按钮代码

　　代码如下:

　　<script language="javascript">
　　function ad_left(){
　　document.getElementById('ad_left').style.display="none";
　　}
　　function ad_right(){
　　document.getElementById('ad_right').style.display="none";
　　}
　　</script>

（编辑：周口站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!