js实现全屏漂浮广告移入光标停止移动
这篇文章主要介绍了 js 全屏漂浮广告移入光标停止移动效果,大家参考使用吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- <!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>
JS 全屏漂浮广告,移入光标停止移动 · 柯乐义
我是广告
www.jb51.comvar 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) };
来源: