js全屏广告大动乱我来教你如何停止


!doctype html
html
head
meta http-equiv= content-type content= text/html; charset=utf-8 /
title js全屏幕飘浮广告宣传_ /title
style type= text/css div#roll{width:100px;height:100px; background-color:#000; color:#fff; position:absolute;}
/style
/head
body
div
div h2 js全屏幕飘浮广告宣传,移入鼠标光标终止移动 /h2 /div
/div
div id= roll 我是广告宣传 br / /div
script type= text/javascript
var ggroll = {
roll: document.getelementbyid( roll ),
speed: 20,
statusx: 1,
statusy: 1,
x: 100,
y: 300,
winw: document.documentelement.clientwidth - document.getelementbyid( roll ).offsetwidth,
winh: document.documentelement.clientheight - document.getelementbyid( roll ).offsetheight,
go: function () {
this.roll.style.left = this.x + px
this.roll.style.top = this.y + px
this.x = this.x + (this.statusx ? -1 : 1)
if (this.x 0) { this.statusx = 0 }
if (this.x this.winw) { this.statusx = 1 }
this.y = this.y + (this.statusy ? -1 : 1)
if (this.y 0) { this.statusy = 0 }
if (this.y this.winh) { this.statusy = 1 }
}
}
var interval = setinterval( ggroll.go() , ggroll.speed);
ggroll.roll.onmouseover = function () { clearinterval(interval) };
ggroll.roll.onmouseout = function () { interval = setinterval( ggroll.go() , ggroll.speed) };
/script
/body
/html