纯DIV/CSS对联漂浮广告代码(无JS),CSS、DIV

网页设计教程 → 网页基础 → HTML基础

纯DIV/CSS对联漂浮广告代码(无JS)

作者：匿名
关键字：CSS、DIV

css内容：

.r1{width:80px;height:80px;background:red;float:right;
     position:fixed !important; top/**/:200px;
     position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);right:20px;}
.r2{width:80px;height:80px;background:red;float:right;
     position:fixed !important; top/**/:300px;
     position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);right:20px;}
.l1{width:80px;height:80px;background:red;float:right;
     position:fixed !important; top/**/:200px;
     position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);left:20px;}
.l2{width:80px;height:80px;background:red;float:right;
     position:fixed !important; top/**/:300px;
     position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);left:20px;}

页面代码为：

<div class="r1"><a href="http://www.winshell.cn" target='_about'><img src="/200711/2008822182120269.gif" width="80" height="80" border="0" /></a></div>
<div class="r2"><a href="http://www.winshell.cn" target='_about'><img src="/200711/2008822182120269.gif" width="80" height="80" border="0" /></a></div>
<div class="l1"><a href="http://www.winshell.cn" target='_about'><img src="/200711/2008822182120269.gif" width="80" height="80" border="0" /></a></div>
<div class="l2"><a href="http://www.winshell.cn" target='_about'><img src="/200711/2008822182120269.gif" width="80" height="80" border="0" /></a></div>

	来源：网络阅读：238 次日期：2008-8-22
【双击滚屏】【推荐朋友】【收藏】【打印】【关闭】【字体：大中小】

上一篇：一个asp采集程序类
下一篇：Ajax+jsp无刷新验证码实例

>> 相关文章

·DIV+CSS布局的网页对网站SEO的影响

·网页中文本竖排三种方法

·蒙文在HTML中竖排方法

·网页(html)中的文字竖排效果

·css技巧之PDF、ZIP、DOC链接的标注

·要注意的八个CSS布局技巧

·静态页文本按字数进行分页

·仿GOOGLE个性首页可移动图层效果

授权使用：网页设计教程 http://www.hzwz.net/(2002-2009)
Copyright (c) 2002-2009 网页设计教程. All Rights Reserved .

经营许可证：陕ICP备05000109号 Powered by：汉南在线