2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > Js广告_全屏漂浮广告效果

Js广告_全屏漂浮广告效果

时间:2020-09-21 15:23:24

相关推荐

Js广告_全屏漂浮广告效果

<!DOCTYPE HTML><html lang="en"><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 id="roll">我是广告</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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。