兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
发布时间:2016-12-29 来源:查字典编辑
摘要:JS部分:复制代码代码如下:functionaddEvent(obj,evtType,func,cap){cap=cap||false;if...

JS部分:

复制代码 代码如下:

<script type="text/javascript" language="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>

<script type="text/javascript" language="javascript">

var ad2 = new AdMove("ad2");

ad2.Run();

//多组漂浮

</script>

html部分:

复制代码 代码如下:

<DIV id=ad2><a href='PoliceHTk.aspx' target='_blank'><IMG src="images/fudong/fudong.jpg" width="230" height="150" border="0" > </a><br> <a href="#"><img border=0 src=images/fudong/close1.gif /></a>

</DIV>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新php教程学习
热门php教程学习
编程开发子分类