余志国网站设计工作室是专业从事义乌网站建设、义乌外贸网站建设、义乌网站制作、义乌网站设计的专业义乌网站建设工作室，是义乌外贸网站建设专家！

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

分类：程序开发 Tags： 兼容浏览器 评论：1 浏览：3890 最近更新时间：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>

本文地址：/475/
  • 相关文章
  • 推荐文章
  • 最新文章

留言

 


免费咨询
建站咨询热线
15967985565

扫一扫微信咨询
QQ: 358758308 Skype: yuzhiguo Facebook: yuzhiguo Email