兼容各大瀏覽器帶關閉按鈕的漂浮多組圖片廣告代碼
來源:易賢網(wǎng) 閱讀:1139 次 日期:2014-10-08 14:59:11
溫馨提示:易賢網(wǎng)小編為您整理了“兼容各大瀏覽器帶關閉按鈕的漂浮多組圖片廣告代碼”,方便廣大網(wǎng)友查閱!

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技術專欄

更多信息請查看網(wǎng)絡編程

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網(wǎng)