找回密码
 立即注册

QQ登录

只需一步,快速开始

Discuz! 兼容的对联广告代码

领券优惠购买阿里云

  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. //alert(diffY);
  13. percent=.1*(diffY-lastScrollY);
  14. if(percent>0)percent=Math.ceil(percent);
  15. else percent=Math.floor(percent);
  16. document.getElementById("leftDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px";
  17. document.getElementById("rightDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px";

  18. lastScrollY=lastScrollY+percent;
  19. //alert(lastScrollY);
  20. }

  21. //下面这段删除后,对联将不跟随屏幕而移动。
  22. window.setInterval("heartBeat()",1);
  23. //-->
  24. </script>

  25. <style type="text/css">
  26. <!--
  27. /* 这里定义滴是页面高度,用来测试对联跟随效果滴,跟广告无关 */
  28. html,body{height:1000px;}
  29. #mm{height:1000px;}

  30. /* 这里是设置对联样式滴 */
  31. #leftDiv,#rightDiv{
  32. width:88px; /* 宽度 */
  33. height:448px; /* 高度 */
  34. background-color:#e5e5e5; /* 背景颜色 */
  35. border:1px solid #ddd; /* 边框样式 */
  36. position:absolute; /* 绝对定位激活 */
  37. }
  38. -->
  39. </style>

  40. <div id="leftDiv" style="top:120px; /* 距离顶部120px */ left:2px; /* 距离左侧2px */ "><img src="/images/mbsp.gif" alt="说明"></div>
  41. <div id="rightDiv" style="top:120px; /* 距离顶部120px */ right:2px; /* 距离右侧2px */ "><img src="/images/mbsp.gif" alt="说明"></div>
复制代码



本教程由无限星辰工作室CRX349独家整理和提供,转载请注明地址,谢谢。本文地址:https://www.xmspace.net/thread-283-1-1.html
无限星辰工作室  好集导航 Discuz全集下载  星辰站长网  集热爱361  一品文学  手机小游戏合集   海外空间网 星辰api  星辰支付二维码管理平台 阿里云服务器 腾讯云服务器
服务Discuz!建站|DiscuzQ配置|二开|小程序|APP|搬家|挂马清理|防护|Win/Linux环境搭建|优化|运维|
服务理念:专业 诚信 友好QQ842062626 服务项目 Q群315524225
发表于 2014-11-26 10:43:06 | 显示全部楼层 |阅读模式

回复 | 使用道具 举报

该帖共收到 1 条回复!
代码二
  1. <script type="text/javascript">
  2. var isIE = /msie/i.test(navigator.userAgent);

  3. function gID(id){return document.getElementById(id);}


  4. function ScrollDiv(id,pScrollY){

  5.         var ScrollY = document.documentElement.scrollTop || document.body.scrollTop;
  6.         if (pScrollY ==null) { pScrollY=0; }

  7.         var moveTop = .1 * (ScrollY - pScrollY);
  8.         moveTop = (moveTop > 0) ? Math.ceil(moveTop) : Math.floor(moveTop);
  9.         gID(id).style.top = parseInt(gID(id).style.top) + moveTop + "px";

  10.         pScrollY = pScrollY + moveTop;
  11.         setTimeout("ScrollDiv('"+id+"',"+pScrollY+");",50);
  12. }



  13. function addObjEvent(obj,eventName,eventFunc){
  14.         if (obj.attachEvent){
  15.                 obj.attachEvent(eventName,eventFunc);
  16.         }else if (obj.addEventListener){ //FF Gecko / W3C
  17.                 var eventName2 = eventName.toString().replace(/on(.*)/i,'$1');
  18.                 obj.addEventListener(eventName2,eventFunc, false);
  19.         }else{
  20.                 obj[eventName] = eventFunc;
  21.         }
  22. }



  23. function delObjEvent(obj,eventName,eventFunc){
  24.         if (obj.detachEvent) {
  25.                 obj.detachEvent(eventName,eventFunc);
  26.         }else if (obj.removeEventListener){ //FF Gecko / W3C
  27.                 var eventName2 = eventName.toString().replace(/on(.*)/i,'$1');
  28.                 obj.removeEventListener(eventName2,eventFunc, false);
  29.         }else{
  30.                 obj[eventName] = null;
  31.         }
  32. }



  33. function MoveDiv(obj,e){
  34.         e = e||window.event;

  35.         var ie6=isIE;
  36.         if (/msie 9/i.test(navigator.userAgent)) {ie6=false;}
  37.         
  38.         if (ie6 && e.button == 1 || !ie6 && e.button == 0) {}else{return false;}

  39.         obj.style.position='absolute';
  40.         obj.ondragstart =function(){return false;}

  41.         var x = e.screenX - obj.offsetLeft;
  42.         var y = e.screenY - obj.offsetTop;
  43.         addObjEvent(document,'onmousemove',moving);
  44.         addObjEvent(document,'onmouseup',endMov);
  45.         e.cancelBubble = true;
  46.         

  47.         if (isIE) {
  48.                 obj.setCapture();
  49.         } else {
  50.                 window.captureEvents(Event.mousemove);
  51.         }

  52.         
  53.         if (e.preventDefault) {
  54.                 e.preventDefault();
  55.                 e.stopPropagation();
  56.         }
  57.         e.returnValue = false;
  58.         return false;

  59.         
  60.         function moving(e){
  61.                 obj.style.left = (e.screenX - x) + 'px';
  62.                 obj.style.top = (e.screenY - y) + 'px';
  63.                 return false;
  64.         }
  65.                
  66.         
  67.         function endMov(e){
  68.                 delObjEvent(document,'onmousemove',moving);
  69.                 delObjEvent(document,'onmouseup',arguments.callee);
  70.                 if (isIE) {
  71.                         obj.releaseCapture();
  72.                 } else {
  73.                         window.releaseEvents(Event.mousemove);
  74.                 }
  75.         }
  76. }
  77. </script>

  78. <style>
  79. .KeFuDiv{
  80.         position: absolute;
  81.         height:160px;
  82.         width:118px;
  83.         z-index:9999;
  84. }
  85. </style>

  86. <div id="KeFuDiv" class="KeFuDiv"><a href="https://www.xmspace.net" target="_blank"><img src="/app.png" alt="说明"></a></div>

  87. <script>

  88. gID("KeFuDiv").style.top = (document.documentElement.clientHeight - gID("KeFuDiv").offsetHeight)/4 +"px";
  89. gID("KeFuDiv").style.right = document.documentElement.clientWidth - gID("KeFuDiv").offsetWidth - "10px" +"px";

  90. ScrollDiv('KeFuDiv');
  91. </script>
复制代码
无限星辰工作室  好集导航 Discuz全集下载  星辰站长网  集热爱361  一品文学  手机小游戏合集   海外空间网 星辰api  星辰支付二维码管理平台 阿里云服务器 腾讯云服务器
服务Discuz!建站|DiscuzQ配置|二开|小程序|APP|搬家|挂马清理|防护|Win/Linux环境搭建|优化|运维|
服务理念:专业 诚信 友好QQ842062626 服务项目 Q群315524225
发表于 2020-12-9 00:01:40 | 显示全部楼层

回复 | 支持 | 反对 使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

美图秀

    • Discuz!x3.2-3.4 登陆错误次数永远4次bug修
    • Nextcloud 出现 请求过多 解决方案
    • Win10下 Python虚拟环境搭建
    • VirtualBOX 迁移到Proxmox 注意事项
    • Let’s Encrypt泛域名证书 转换为IIS用的pf
拖动客服框
Online Service
点击这里给我发消息
点击这里联系我们
微信扫一扫
在线客服
快速回复 返回顶部 返回列表