你好,游客 登录 注册 搜索
背景:
阅读新闻

对联广告效果(IE/firefox/opera)

[日期:2007-11-14] 来源:  作者: [字体: ]

适合iwms使用的对联广告脚本,兼容ie/firefox/opera,实现页面上下滚动时广告浮动跟随。

以下为演示代码,关键部分标记为蓝色,你可以复制后调整使用。

<!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" lang="gb2312">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>对联广告效果</title>
</head>

<body bgcolor="#66CCFF">
<script language="javascript">
<!--
//===================
// 对联广告效果脚本
// by 木鸟 2007.11.14
// www.iwms.net
// 转载及使用请保留本信息
//===================
var m_layer1,m_layer2;
function initMove() {
 m_layer1=document.getElementById("AdLayer1");
 m_layer2=document.getElementById("AdLayer2");
 m_layer1.style.top = "-200px";
 m_layer1.style.visibility = 'visible'
 m_layer2.style.top = "-200px";
 m_layer2.style.visibility = 'visible'
 MoveLayers();
 window.onscroll=MoveLayers;
}
function MoveLayers() {
 var x = 5; // 左右边距
 var y = 100; // 顶距
 var st=document.documentElement.scrollTop;
 var cw=document.documentElement.clientWidth;
 var y = st + y;
 m_layer1.style.top = y+"px";
 m_layer1.style.left = x+"px";
 m_layer2.style.top = y+"px";
 m_layer2.style.left = cw-m_layer2.clientWidth-x+"px";
}
window.setTimeout("initMove()",600);
//-->
</script>

<div id='AdLayer1' style='position: absolute;visibility:hidden;z-index:1'><a href="http://www.iwms.net/buy"><img src='http://www.iwms.net/buy/pic/product_6.gif' border='0'></a></div>
<div id='AdLayer2' style='position:absolute;visibility:hidden;z-index:1'><a href="http://www.iwms.net/buy"><img src='http://www.iwms.net/buy/pic/product_8.gif' border='0'></a></div>

<div align="center" style="height:2000px">
 <h3>对联效果</h3>
 <br/><br/>
说明:该脚本由木鸟编写,适用于IE/Firefox/Opera。<br/><br/>
 <a href="http://www.iwms.net/">www.iwms.net</a>
</div>
<h3>&nbsp;</h3>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>


 

 

收藏 推荐 打印 | 录入:木鸟 | 阅读:
本文评论   查看全部评论 (17)
表情: 表情 姓名: 字数
点评:
       
评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
第 17 楼
* 游子会员 发表于 2011-5-31 9:47:54
回复 hongheizi会员 的评论
加入这句onClick="this.style.display='none'"就能关闭:
<div id='AdLayer1' onClick="this.style.display='none'" style='position:
加了也关闭不了啊?
第 16 楼
* hongheizi会员 发表于 2011-2-2 11:36:01
加入这句onClick="this.style.display='none'"就能关闭:
<div id='AdLayer1' onClick="this.style.display='none'" style='position:
第 15 楼
* 匿名 发表于 2010-6-30 7:56:58
jquery插件制作对联广告:www.dayuzai.com
第 14 楼
* 匿名 发表于 2010-5-24 10:33:20
firefox下根本不行
第 13 楼
* 匿名 发表于 2009-11-5 22:06:05
回复 木鸟会员 的评论
放模板里,template目录中
谢谢木鸟大哥:)
热门评论
* yan 发表于 2008-3-10 21:23:26
这段代码放在什么位置,请教一下?
* 匿名 发表于 2009-9-8 15:55:59
不能使用滚动键,一滚动广告就消失了,只能用鼠标托滚动条,但是拖过以后就可以使用滚动键了,何解?
* 色眯眯 发表于 2008-8-20 0:40:08
随便放个位置就可以了,最好放在底部,这样不会影响打开速度
* 匿名 发表于 2009-8-4 21:41:56
向木鸟请教
这段代码放在那个文件夹里,源文件都加密的放不进去。 [email protected]
* zy7818会员 发表于 2008-9-10 17:37:56
放在哪个文件中啊
* 匿名 发表于 2010-6-30 7:56:58
jquery插件制作对联广告:www.dayuzai.com
* 木鸟会员 发表于 2009-9-10 9:38:12
浏览器开了过滤悬浮广告
* hongheizi会员 发表于 2011-2-2 11:36:01
加入这句onClick="this.style.display='none'"就能关闭:
<div id='AdLayer1' onClick="this.style.display='none'" style='position:
* Juven 发表于 2008-9-20 12:11:23
IE8不是完美兼容,会出现横向滚动条。解决的方法可以在head中添加<meta http-equiv="x-ua-compatible" content="ie=7" />。
* Auzhang 发表于 2007-11-19 19:11:23
支持一下!!