余志国网站设计工作室是专业从事义乌做网站、义乌网站制作、义乌网站建设、义乌外贸网站制作、义乌网站设计的专业义乌网站设计工作室,是义乌网站建设专家!    
余志国网站设计工作室LOGO
义乌网页设计师博客

兼容IE和firefox火狐浏览器的网页两侧对联广告代码

程序开发 字体：【大】 【中】 【小】 浏览（190）来源：余志国 发布时间：2010-7-9 21:50:20
 
  1. <script type="text/javascript">
  2. <!-- 
  3. lastScrollY = 0;
  4. function heartBeat(){ 
  5. var diffY;
  6. if (document.documentElement && document.documentElement.scrollTop)
  7.  diffY = document.documentElement.scrollTop;
  8. else if (document.body)
  9.  diffY = document.body.scrollTop
  10. else
  11.     {/*Netscape stuff*/}
  12.  
  13. //alert(diffY);
  14. percent=.1*(diffY-lastScrollY); 
  15. if(percent>0)percent=Math.ceil(percent); 
  16. else percent=Math.floor(percent); 
  17. document.getElementById("leftDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px";
  18. document.getElementById("rightDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px";
  19. lastScrollY=lastScrollY+percent; 
  20. //alert(lastScrollY);
  21. }
  22. //下面这段删除后，对联将不跟随屏幕而移动。
  23. window.setInterval("heartBeat()",1);
  24. //-->
  25. </script>
 
  1. <style type="text/css">
  2. <!--
  3. /* 这里定义滴是页面高度，用来测试对联跟随效果滴，跟广告无关 */
  4. html,body{height:1000px;}
  5. #mm{height:1000px;}
  6. /* 这里是设置对联样式滴 */
  7. #leftDiv,#rightDiv{
  8.    width:120px; /* 宽度 */
  9.    height:250px; /* 高度 */
  10.    background-color:#e5e5e5; /* 背景颜色 */
  11.    border:1px solid #ddd; /* 边框样式 */
  12.    position:absolute; /* 绝对定位激活 */
  13. }
  14. -->
  15. </style>
 
  1. <div id="leftDiv" style="top:120px; /* 距离顶部120px */ left:2px; /* 距离左侧2px */ ">左侧广告内容</div>
  2. <div id="rightDiv" style="top:120px; /* 距离顶部120px */ right:2px; /* 距离右侧2px */ ">右侧广告内容</div>
  3. <div id="mm">
  4. </div>

[上一篇：兼容IE和Firefox火狐的DIV垂直居中及容器内图片垂直居中的CSS代码]
[下一篇：ASP Access数据库连接关闭与.ldb文件锁定解决方法]
同类热门文章推荐
· ASP数据库连接、显示、添加、删除、查询等简单操作教程
· 利用ASP显示当前网站在线人数代码
· 一个空间/虚拟主机放置多个网站的转向代码（多个域名绑定一个空间）
· 网页加密攻略:使用ASP程序密码锁
· asp如何读取txt文本内容代码
· 中国十大ASP CMS系统介绍
· ASP经常用到的代码，比较全，不可不看！
· ASP几种常见分页代码
· 1小时ASP入门，教你简单学会ASP
· ASP生成静态页面HTML的方法
本站热门文章排行
· 李阳疯狂英语下载：视频演讲 发音 句子 口语 单词 对话 句型 语法 音标 听力 cet4 电子书
· QQ空间免费物品、QQ空间4.0皮肤、欢迎动画、领养五级植物、播放器、挂件、导航、漂浮物、鼠标、公告栏
· 余世维博士讲座全集清晰版HTTP免费下载
· 教你如何点亮QQ图标?怎样免费点亮QQ全部图标?
· 走遍美国下载(走遍美国文本、走遍美国MP3、走遍美国视频下载)
· 陈安之视频讲座全集免费下载地址，想提高自己能力的快下！
· 2009最新最全QQ空间免费物品大全（物品名称:开场动画、免费皮肤、导航、音乐播放器）
· 交谊舞视频教程大全,免费下载，泡妞必学(狐步、慢四、华尔兹、快三、伦巴、恰恰)
· 如何免费点亮、关闭熄灭QQLive图标？
· 如何免费点亮、关闭熄灭QQ腾讯图书图标？
站内搜索： 关键词：英语 疯狂英语 免费 QQ空间 ASP 教程 讲座 余世维 陈安之 李阳
发表文章评论
名称： *
邮箱：
Q Q ：
网站：
内容： * 共可输入250字，还剩字。
验证：
还没有评论，快抢沙发...