通常在網(wǎng)頁中，一般很難實(shí)現(xiàn)多個(gè)飄浮廣告一起播放的效果，在此亳州易天科技收集了相關(guān)代碼，此JS可以實(shí)現(xiàn)1至多個(gè)廣告位同時(shí)飄浮。
代碼由公共腳本main.js與相關(guān)代碼組成，為方便調(diào)試，main.j代碼與網(wǎng)頁整合在一起。大家在實(shí)際使用時(shí)最好將相關(guān)JS單獨(dú)作成一個(gè)文件，然后再引用。-亳州易天科技專業(yè)企業(yè)網(wǎng)站建設(shè)以及基于互聯(lián)網(wǎng)應(yīng)用系統(tǒng)的開發(fā)及架設(shè)。
實(shí)現(xiàn)W3標(biāo)準(zhǔn)多個(gè)飄浮廣告代碼效果（易天-小龍收集）
XML/HTML代碼
- <script type="text/javascript">
- <!--
- //公共腳本文件js漂浮廣告代碼(簡(jiǎn)潔!) main.js
- function addEvent(obj,evtType,func,cap){
- capcapcap=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;
- }
- //廣告腳本文件 js漂浮廣告代碼(簡(jiǎn)潔!) AdMove.js
- /*
- 例子
- <div id="Div2">
- ***** content ******
- </div>
- var ad=new AdMove("Div2");
- ad.Run();
- */
- ////////////////////////////////////////////////////////
- var 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;
- xxx = 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);}
- yyy = 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>
- <div id="gg1" style="width:100px;height:100px;background-color:red;color:yellow">
- <a href="http://www.xcwdzx.cn/Ynews.asp?type=44"><img src="index/xq.jpg" border="0"></a>
- </
