漂浮廣告代碼

2024-09-05 12:22:34

字體：大中小

來源：轉載

供稿：網友

一款可同時控制多個廣告的漂浮廣告代碼，JavaScript實現，按照代碼中的注釋將代碼保存為指定文件，用的時候加載，在對應頁面中加入示像代碼就行了。

<!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" ><head><title>漂浮AD</title><meta http-equiv="Content-Type" content="text/html;charset=gb2312" /><script type="text/javascript"> <!--function addEvent(obj,evtType,func,cap){    cap=cap||false; if(obj.addEventListener){     obj.addEventListener(evtType,func,cap);  return true; }else if(obj.attachEvent){        if(cap){         obj.setCapture();         return true;     }else{      return obj.attachEvent("on" + evtType,func);  } }else{  return false;    }}function getPageScroll(){    var xScroll,yScroll; if (self.pageXOffset) {  xScroll = self.pageXOffset; } else if (document.documentElement  &&  document.documentElement.scrollLeft){  xScroll = document.documentElement.scrollLeft; } else if (document.body) {  xScroll = document.body.scrollLeft; } if (self.pageYOffset) {  yScroll = self.pageYOffset; } else if (document.documentElement  &&  document.documentElement.scrollTop){  yScroll = document.documentElement.scrollTop; } else if (document.body) {  yScroll = document.body.scrollTop; } arrayPageScroll = new Array(xScroll,yScroll); return arrayPageScroll;}function GetPageSize(){    var xScroll, yScroll;    if (window.innerHeight  &&  window.scrollMaxY) {         xScroll = document.body.scrollWidth;        yScroll = window.innerHeight + window.scrollMaxY;    } else if (document.body.scrollHeight > document.body.offsetHeight){        xScroll = document.body.scrollWidth;        yScroll = document.body.scrollHeight;    } else {        xScroll = document.body.offsetWidth;        yScroll = document.body.offsetHeight;    }    var windowWidth, windowHeight;    if (self.innerHeight) {        windowWidth = self.innerWidth;        windowHeight = self.innerHeight;    } else if (document.documentElement  &&  document.documentElement.clientHeight) {        windowWidth = document.documentElement.clientWidth;        windowHeight = document.documentElement.clientHeight;    } else if (document.body) {        windowWidth = document.body.clientWidth;        windowHeight = document.body.clientHeight;    }     if(yScroll < windowHeight){        pageHeight = windowHeight;    } else {         pageHeight = yScroll;    }    if(xScroll < windowWidth){         pageWidth = windowWidth;    } else {        pageWidth = xScroll;    }    arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)     return arrayPageSize;}//腳本: AdMove.jsvar AdMoveConfig=new Object();AdMoveConfig.IsInitialized=false;AdMoveConfig.ScrollX=0;AdMoveConfig.ScrollY=0;AdMoveConfig.MoveWidth=0;AdMoveConfig.MoveHeight=0;AdMoveConfig.Resize=function(){    var winsize=GetPageSize();    AdMoveConfig.MoveWidth=winsize[2];    AdMoveConfig.MoveHeight=winsize[3];    AdMoveConfig.Scroll();}AdMoveConfig.Scroll=function(){    var winscroll=getPageScroll();    AdMoveConfig.ScrollX=winscroll[0];    AdMoveConfig.ScrollY=winscroll[1];}addEvent(window,"resize",AdMoveConfig.Resize);addEvent(window,"scroll",AdMoveConfig.Scroll);function AdMove(id){    if(!AdMoveConfig.IsInitialized){        AdMoveConfig.Resize();        AdMoveConfig.IsInitialized=true;    }    var obj=document.getElementById(id);    obj.style.position="absolute";    var W=AdMoveConfig.MoveWidth-obj.offsetWidth;    var H=AdMoveConfig.MoveHeight-obj.offsetHeight;    var x = W*Math.random(),y = H*Math.random();    var rad=(Math.random()+1)*Math.PI/6;    var kx=Math.sin(rad),ky=Math.cos(rad);    var dirx = (Math.random()<0.5?1:-1), diry = (Math.random()<0.5?1:-1);    var step = 1;    var interval;    this.SetLocation=function(vx,vy){x=vx;y=vy;}    this.SetDirection=function(vx,vy){dirx=vx;diry=vy;}    obj.CustomMethod=function(){        obj.style.left = (x + AdMoveConfig.ScrollX) + "px";        obj.style.top = (y + AdMoveConfig.ScrollY) + "px";        rad=(Math.random()+1)*Math.PI/6;        W=AdMoveConfig.MoveWidth-obj.offsetWidth;        H=AdMoveConfig.MoveHeight-obj.offsetHeight;        x = x + step*kx*dirx;        if (x < 0){dirx = 1;x = 0;kx=Math.sin(rad);ky=Math.cos(rad);}         if (x > W){dirx = -1;x = W;kx=Math.sin(rad);ky=Math.cos(rad);}        y = y + step*ky*diry;        if (y < 0){diry = 1;y = 0;kx=Math.sin(rad);ky=Math.cos(rad);}         if (y > H){diry = -1;y = H;kx=Math.sin(rad);ky=Math.cos(rad);}    }    this.Run=function(){        var delay = 10;        interval=setInterval(obj.CustomMethod,delay);        obj.onmouseover=function(){clearInterval(interval);}        obj.onmouseout=function(){interval=setInterval(obj.CustomMethod, delay);}    }} </script></head><body>    <div   class="1666166"   id="gg1" style="width:90px;height:90px;background-color:red;color:blue">     AD1    </div>    <div   class="6661616"   id="gg2" style="width:90px;height:90px;background-color:blue;color:blue">     AD2    </div>    <div   class="1616611"   id="gg3" style="width:90px;height:90px;background-color:green;color:blue">     AD3    </div>    <script type="text/javascript">    <!--        var ad1=new AdMove("gg1");        ad1.Run(); var ad2=new AdMove("gg2");        ad2.Run(); var ad3=new AdMove("gg3");        ad3.Run();    </script></body></html>

上一篇：滾動公告代碼

下一篇：代碼精簡的漂浮廣告代碼