背景:#EDF0F5 #FAFBE6 #FFF2E2 #FDE6E0 #F3FFE1 #DAFAF3 #EAEAEF 默认  
阅读新闻

对联广告效果(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>


 

 

阅读:
录入:木鸟

推荐 】 【 打印
上一篇:使用混合脚本编程来实现的Base64编码
下一篇:无限级树型菜单
相关新闻       firefox 
本文评论       全部评论
  这段代码放在什么位置,请教一下?   (yan ,03月10日 )
  支持一下!!   (Auzhang ,2007-11-19 )
发表评论


点评: 字数
姓名:

  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款