css实现的对联广告代码
更新时间：2013年11月08日 10:33:17 作者：
本文章提供的对联广告是完全使用css实现的，并且兼容所有浏览器，包括各种ie,ff,gg浏览器哦，代码简洁好用
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>
相关文章
在默认情况下，FF和IE的解释标准是不一样的，也就是说，如果一个网页没有声明DOCTYPE，它就会以默认的DOCTYPE解释下面的HTML。在同 一种标准下，不同浏览器的解释模型都有所差异，2014-05-05
典型的三行二列居中高度自适应布局...2006-08-08
让comment标记在各浏览器都能通用...2006-09-09
网页美工制作规范...2006-08-08
广义的故障艺术不仅仅指这种效果，我觉得是很宽泛的，本文将介绍一些CSS能够模拟完成的故障艺术效果。2021-05-05
块元素block element和内联元素inline element
块元素block element和内联元素inline element...2006-09-09
HTML中的图象标签属性...2006-08-08
JavaScript实现form提交，回车提交URL地址伪静态
文本框input里输入内容后，直接Enter回车键提交表单form，是很方便的。如果不使用form提交，用JavaScript来实现提交动作，而且提交URL地址伪静态化，不想带问号和搜索关键词，搜索框内enter回车键自动提交那么应该如何实现呢。2022-12-12
这篇文章主要介绍了HTML clearfix清除浮动讲解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-08-08
CSS中box（盒模式）的分析...2006-08-08
最新评论