精品国产制服丝袜高跟_久久久久久久性_欧美v亚洲v国产v_国产亚洲国产bv网站在线

行業動態
W3標準多個飄浮廣告代碼
發布日期:2013-07-25 閱讀次數:3520 字體大小:

 通常在網頁中,一般很難實現多個飄浮廣告一起播放的效果,在此亳州易天科技收集了相關代碼,此JS可以實現1至多個廣告位同時飄浮。

代碼由公共腳本main.js與相關代碼組成,為方便調試,main.j代碼與網頁整合在一起。大家在實際使用時最好將相關JS單獨作成一個文件,然后再引用。-亳州易天科技專業企業網站建設以及基于互聯網應用系統的開發及架設。

實現W3標準多個飄浮廣告代碼效果(易天-小龍收集) 

XML/HTML代碼
  1. <script type="text/javascript">          
  2.  <!--           
  3. //公共腳本文件js漂浮廣告代碼(簡潔!) main.js           
  4. function addEvent(obj,evtType,func,cap){           
  5.     capcapcap=cap||false;           
  6.  if(obj.addEventListener){           
  7.      obj.addEventListener(evtType,func,cap);           
  8.   return true;           
  9.  }else if(obj.attachEvent){           
  10.         if(cap){           
  11.          obj.setCapture();           
  12.          return true;           
  13.      }else{           
  14.       return obj.attachEvent("on" + evtType,func);           
  15.   }           
  16.  }else{           
  17.   return false;           
  18.     }           
  19. }           
  20. function getPageScroll(){           
  21.     var xScroll,yScroll;           
  22.  if (self.pageXOffset) {           
  23.   xScroll = self.pageXOffset;           
  24.  } else if (document.documentElement  &&  document.documentElement.scrollLeft){           
  25.   xScroll = document.documentElement.scrollLeft;           
  26.  } else if (document.body) {           
  27.   xScroll = document.body.scrollLeft;           
  28.  }           
  29.  if (self.pageYOffset) {           
  30.   yScroll = self.pageYOffset;           
  31.  } else if (document.documentElement  &&  document.documentElement.scrollTop){           
  32.   yScroll = document.documentElement.scrollTop;           
  33.  } else if (document.body) {           
  34.   yScroll = document.body.scrollTop;           
  35.  }           
  36.  arrayPageScroll = new Array(xScroll,yScroll);           
  37.  return arrayPageScroll;           
  38. }           
  39. function GetPageSize(){           
  40.     var xScroll, yScroll;           
  41.     if (window.innerHeight  &&  window.scrollMaxY) {            
  42.         xScroll = document.body.scrollWidth;           
  43.         yScroll = window.innerHeight + window.scrollMaxY;           
  44.     } else if (document.body.scrollHeight > document.body.offsetHeight){           
  45.         xScroll = document.body.scrollWidth;           
  46.         yScroll = document.body.scrollHeight;           
  47.     } else {           
  48.         xScroll = document.body.offsetWidth;           
  49.         yScroll = document.body.offsetHeight;           
  50.     }           
  51.     var windowWidth, windowHeight;           
  52.     if (self.innerHeight) {           
  53.         windowWidth = self.innerWidth;           
  54.         windowHeight = self.innerHeight;           
  55.     } else if (document.documentElement  &&  document.documentElement.clientHeight) {           
  56.         windowWidth = document.documentElement.clientWidth;           
  57.         windowHeight = document.documentElement.clientHeight;           
  58.     } else if (document.body) {           
  59.         windowWidth = document.body.clientWidth;           
  60.         windowHeight = document.body.clientHeight;           
  61.     }            
  62.     if(yScroll < windowHeight){           
  63.         pageHeight = windowHeight;           
  64.     } else {            
  65.         pageHeight = yScroll;           
  66.     }           
  67.     if(xScroll < windowWidth){            
  68.         pageWidth = windowWidth;           
  69.     } else {           
  70.         pageWidth = xScroll;           
  71.     }           
  72.     arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)            
  73.     return arrayPageSize;           
  74. }           
  75. //廣告腳本文件 js漂浮廣告代碼(簡潔!) AdMove.js           
  76. /*          
  77. 例子          
  78. <div id="Div2">         
  79.     ***** content ******          
  80. </div>         
  81. var ad=new AdMove("Div2");          
  82. ad.Run();          
  83. */           
  84. ////////////////////////////////////////////////////////           
  85. var AdMoveConfig=new Object();           
  86. AdMoveConfig.IsInitialized=false;           
  87. AdMoveConfig.ScrollX=0;           
  88. AdMoveConfig.ScrollY=0;           
  89. AdMoveConfig.MoveWidth=0;           
  90. AdMoveConfig.MoveHeight=0;           
  91. AdMoveConfig.Resize=function(){           
  92.     var winsize=GetPageSize();           
  93.     AdMoveConfig.MoveWidth=winsize[2];           
  94.     AdMoveConfig.MoveHeight=winsize[3];           
  95.     AdMoveConfig.Scroll();           
  96. }           
  97. AdMoveConfig.Scroll=function(){           
  98.     var winscroll=getPageScroll();           
  99.     AdMoveConfig.ScrollX=winscroll[0];           
  100.     AdMoveConfig.ScrollY=winscroll[1];           
  101. }           
  102. addEvent(window,"resize",AdMoveConfig.Resize);           
  103. addEvent(window,"scroll",AdMoveConfig.Scroll);           
  104. function AdMove(id){           
  105.     if(!AdMoveConfig.IsInitialized){           
  106.         AdMoveConfig.Resize();           
  107.         AdMoveConfig.IsInitialized=true;           
  108.     }           
  109.     var obj=document.getElementById(id);           
  110.     obj.style.position="absolute";           
  111.     var W=AdMoveConfig.MoveWidth-obj.offsetWidth;           
  112.     var H=AdMoveConfig.MoveHeight-obj.offsetHeight;           
  113.     var x = W*Math.random(),y = H*Math.random();           
  114.     var rad=(Math.random()+1)*Math.PI/6;           
  115.     var kx=Math.sin(rad),ky=Math.cos(rad);           
  116.     var dirx = (Math.random()<0.5?1:-1), diry = (Math.random()<0.5?1:-1);           
  117.     var step = 1;           
  118.     var interval;           
  119.     this.SetLocation=function(vx,vy){x=vx;y=vy;}           
  120.     this.SetDirection=function(vx,vy){dirx=vx;diry=vy;}           
  121.     obj.CustomMethod=function(){           
  122.         obj.style.left = (x + AdMoveConfig.ScrollX) + "px";           
  123.         obj.style.top = (y + AdMoveConfig.ScrollY) + "px";           
  124.         rad=(Math.random()+1)*Math.PI/6;           
  125.         W=AdMoveConfig.MoveWidth-obj.offsetWidth;           
  126.         H=AdMoveConfig.MoveHeight-obj.offsetHeight;           
  127.         xxx = x + step*kx*dirx;           
  128.         if (x < 0){dirx = 1;x = 0;kx=Math.sin(rad);ky=Math.cos(rad);}            
  129.         if (x > W){dirx = -1;x = W;kx=Math.sin(rad);ky=Math.cos(rad);}           
  130.         yyy = y + step*ky*diry;           
  131.         if (y < 0){diry = 1;y = 0;kx=Math.sin(rad);ky=Math.cos(rad);}            
  132.         if (y > H){diry = -1;y = H;kx=Math.sin(rad);ky=Math.cos(rad);}           
  133.     }           
  134.     this.Run=function(){           
  135.         var delay = 10;           
  136.         interval=setInterval(obj.CustomMethod,delay);           
  137.         obj.onmouseover=function(){clearInterval(interval);}           
  138.         obj.onmouseout=function(){interval=setInterval(obj.CustomMethod, delay);}           
  139.     }           
  140. }           
  141.  //-->          
  142.  </script>          
  143.             
  144.   <div id="gg1" style="width:100px;height:100px;background-color:red;color:yellow">          
  145.     <a href="http://www.xcwdzx.cn/Ynews.asp?type=44"><img src="index/xq.jpg"  border="0"></a>          
  146.     </