兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
来源: 阅读:855 次 日期:2014-10-08 14:47:50
温馨提示: 小编为您整理了“兼容各大浏览器带关闭按钮的漂浮多组图片广告代码”,方便广大网友查阅!

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 style=z-index: 5;position:relative><a href='policehtk.aspx' target='_blank'><img src=images/fudong/fudong.jpg width=230 height=150 border=0 > </a><br> <a href=# onclick=document.getelementbyid('ad2').style.display='none'> <img border=0 src=images/fudong/close1.gif /></a>

</div>

更多信息请查看IT技术专栏

更多信息请查看网络编程
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map