带关闭按钮的漂浮多组图片广告代码 - 兼容各大浏览器

分类：Javascript| 发布：佚名| 查看：228 | 发表时间：2014/10/26

废话不多少，直接上代码：

JS部分：

代码如下:

001function addEvent(obj, evtType, func, cap) { 
002cap = cap || false; 
003if (obj.addEventListener) { 
004obj.addEventListener(evtType, func, cap); 
005return true; 
006} else if (obj.attachEvent) { 
007if (cap) { 
008obj.setCapture(); 
009return true; 
010} else { 
011return obj.attachEvent("on" + evtType, func); // @camnpr
012} 
013} else { 
014return false; 
015} 
016} 
017function getPageScroll() { 
018var xScroll, yScroll; 
019if (self.pageXOffset) { 
020xScroll = self.pageXOffset; 
021} else if (document.documentElement && document.documentElement.scrollLeft) { 
022xScroll = document.documentElement.scrollLeft; 
023} else if (document.body) { 
024xScroll = document.body.scrollLeft; 
025} 
026if (self.pageYOffset) { 
027yScroll = self.pageYOffset; 
028} else if (document.documentElement && document.documentElement.scrollTop) { 
029yScroll = document.documentElement.scrollTop; 
030} else if (document.body) { 
031yScroll = document.body.scrollTop; 
032} 
033arrayPageScroll = new Array(xScroll, yScroll); 
034return arrayPageScroll; 
035} 
036function GetPageSize() { 
037var xScroll, yScroll; 
038if (window.innerHeight && window.scrollMaxY) { 
039xScroll = document.body.scrollWidth; 
040yScroll = window.innerHeight + window.scrollMaxY; 
041} else if (document.body.scrollHeight > document.body.offsetHeight) { 
042xScroll = document.body.scrollWidth; 
043yScroll = document.body.scrollHeight; 
044} else { 
045xScroll = document.body.offsetWidth; 
046yScroll = document.body.offsetHeight; //@郑州网建
047} 
048var windowWidth, windowHeight; 
049if (self.innerHeight) { 
050windowWidth = self.innerWidth; 
051windowHeight = self.innerHeight; 
052} else if (document.documentElement && document.documentElement.clientHeight) { 
053windowWidth = document.documentElement.clientWidth; 
054windowHeight = document.documentElement.clientHeight; 
055} else if (document.body) { 
056windowWidth = document.body.clientWidth; 
057windowHeight = document.body.clientHeight; 
058} 
059if (yScroll < windowHeight) { 
060pageHeight = windowHeight; 
061} else { 
062pageHeight = yScroll; 
063} 
064if (xScroll < windowWidth) { 
065pageWidth = windowWidth; 
066} else { 
067pageWidth = xScroll; 
068} 
069arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight) 
070return arrayPageSize; 
071} 
072var AdMoveConfig = new Object(); 
073AdMoveConfig.IsInitialized = false; 
074AdMoveConfig.ScrollX = 0; 
075AdMoveConfig.ScrollY = 0; 
076AdMoveConfig.MoveWidth = 0; 
077AdMoveConfig.MoveHeight = 0; 
078AdMoveConfig.Resize = function () { 
079var winsize = GetPageSize(); 
080AdMoveConfig.MoveWidth = winsize[2]; 
081AdMoveConfig.MoveHeight = winsize[3]; 
082AdMoveConfig.Scroll(); 
083} 
084AdMoveConfig.Scroll = function () { 
085var winscroll = getPageScroll(); 
086AdMoveConfig.ScrollX = winscroll[0]; 
087AdMoveConfig.ScrollY = winscroll[1]; 
088} 
089addEvent(window, "resize", AdMoveConfig.Resize); 
090addEvent(window, "scroll", AdMoveConfig.Scroll); 
091function AdMove(id) { 
092if (!AdMoveConfig.IsInitialized) { 
093AdMoveConfig.Resize(); 
094AdMoveConfig.IsInitialized = true; 
095} 
096var obj = document.getElementById(id); 
097obj.style.position = "absolute"; 
098var W = AdMoveConfig.MoveWidth - obj.offsetWidth; 
099var H = AdMoveConfig.MoveHeight - obj.offsetHeight; 
100var x = W * Math.random(), y = H * Math.random(); 
101var rad = (Math.random() + 1) * Math.PI / 6; 
102var kx = Math.sin(rad), ky = Math.cos(rad); 
103var dirx = (Math.random() < 0.5 ? 1 : -1), diry = (Math.random() < 0.5 ? 1 : -1); 
104var step = 1; 
105var interval; 
106this.SetLocation = function (vx, vy) { x = vx; y = vy; } 
107this.SetDirection = function (vx, vy) { dirx = vx; diry = vy; } 
108obj.CustomMethod = function () { 
109obj.style.left = (x + AdMoveConfig.ScrollX) + "px"; 
110obj.style.top = (y + AdMoveConfig.ScrollY) + "px"; 
111rad = (Math.random() + 1) * Math.PI / 6; 
112W = AdMoveConfig.MoveWidth - obj.offsetWidth; 
113H = AdMoveConfig.MoveHeight - obj.offsetHeight; 
114x = x + step * kx * dirx; 
115if (x < 0) { dirx = 1; x = 0; kx = Math.sin(rad); ky = Math.cos(rad); } 
116if (x > W) { dirx = -1; x = W; kx = Math.sin(rad); ky = Math.cos(rad); } 
117y = y + step * ky * diry; 
118if (y < 0) { diry = 1; y = 0; kx = Math.sin(rad); ky = Math.cos(rad); } 
119if (y > H) { diry = -1; y = H; kx = Math.sin(rad); ky = Math.cos(rad); } 
120} 
121this.Run = function () { 
122var delay = 10; 
123interval = setInterval(obj.CustomMethod, delay); 
124obj.onmouseover = function () { clearInterval(interval); } 
125obj.onmouseout = function () { interval = setInterval(obj.CustomMethod, delay); } 
126} 
127} 
128 
129    var ad2 = new AdMove("ad2");
130    ad2.Run();
131    //多组漂浮

html部分：

代码如下:

1<DIV id=ad2 style="Z-INDEX: 5;position:relative">
2<a href='PoliceHTk.aspx' target='_blank'><IMG src="images/fudong/fudong.jpg" width="230" height="150" border="0" > </a>
3  
4<a href="#" onclick="document.getElementById('ad2').style.display='none'"><img border=0 src=images/fudong/close1.gif /></a> 
5</DIV>

365据说看到好文章不转的人，服务器容易宕机！

标签：效果广告漂浮兼容

原创文章如转载，请注明：转载自郑州网建-前端开发　http://camnpr.com/
本文链接：http://camnpr.com/javascript/1688.html

一条新消息

士兵：报告淫长，前面发现女兵。。。。淫长：弟兄们，把枪擦亮点，上好子弹，准备进攻。士兵：报告淫长，女兵已经“逼”上来了! 淫长：弟兄们，出“击”巴!! 淫长：先让“炮”兵进行掩护，打完一个鸡数，弟兄们“上”！淫长：攻占2点高低计划：炮打半小时，枪射半小时，手刃半小时。士兵：报告淫长女兵逼的太紧我射了．淫长：速度报来战况。士兵：报告淫长我方已经子弹耗尽，但女兵还是步步紧逼。。怎么办。。．淫长：兄弟们，子弹没有就和她们肉博。一定要把女兵全奸为止。。士兵：报告淫长经过一小时的肉博战。战斗结束，女兵大部分被奸，小部分受精而逃，其余被抚乳！我军有一人受伤，名叫杨伟，就是看贴没贊的！…… [?]

带关闭按钮的漂浮多组图片广告代码 - 兼容各大浏览器

相关文章

关注本站

一条新消息

小编推荐

热门文章

想你所想爱你所爱

带关闭按钮的漂浮多组图片广告代码 - 兼容各大浏览器

相关文章

关注本站

一条新消息

小编推荐

热门文章

想你所想 爱你所爱

想你所想爱你所爱