兼容多浏览器的JS 浮动广告[推荐]

更新时间：2009年10月06日 16:50:42 作者：

很平滑自动适应屏幕分辨率的浮动广告效果，显示在Flash之上，不被任何风页元素遮挡，同时可以支持多个图片漂浮，速度和浮动随机位置都感觉不错。

漂浮广告是我们经常用到的广告形式，站长的必备代码，相信你一定能用得上。

<title>JS浮动广告</title> <style type="text/css"> img{border:0;} </style> <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; } 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; 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> <DIV id=ad1 style="Z-INDEX: 5">  <A href="http://wh.vanke.com/Art" target=_blank><IMG src="https://www.jb51.net/images/logo.gif"></A>  </DIV> <SCRIPT type=text/javascript> </SCRIPT>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

浮动广告

对联广告
对联广告...
2006-09-09
对联广告 flash版
对联广告 flash版...
2006-08-08
漂亮的js tab图片轮换效果代码(可自定义的幻灯片和图片缓冲切换)
偶然浏览网上发现一款非常漂亮的幻灯片效果代码，特给大家整理了下，非常漂亮的tab 幻灯片效果代码，里面是js类实现的，可以修改
2008-12-12
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
Javascript 超级弹窗代码 24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码
2010-06-06
又一个不错的js浮动广告代码
js浮动广告代码
2007-04-04
提示广告代码
[蓝色]提示广告代码...
2006-11-11
广告显示判断
广告显示判断...
2006-08-08
可关闭与最小化的右下角浮动广告代码
可关闭或最小化的右下角浮动广告，非常实用啊，现在右下角广告还是比较多的，而且广告效果也还可以，除了用作广告，我们还可将右下角定义为网站广告显示、用户提醒等功能。
2010-09-09
类似新浪网的弹出视频功能实现代码
类似新浪网的弹出视频功能实现代码，经测试ie下工作正常 firefox兼容性不好，大家可以自己修改。
2009-07-07
用js实现的一个Flash滚动轮换显示图片代码生成器
用js实现的一个Flash滚动轮换显示图片代码生成器...
2007-03-03

兼容多浏览器的JS 浮动广告[推荐]

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具