本文主要介绍了基于javascript的全屏浮动广告的实现。光标浮动广告停止移动，有一定参考价值。感兴趣的朋友可以参考一下。
本文分享javascript实现全屏浮动广告，供大家参考。具体如下。
主要使用方法
可见网页宽度：document . body . client width；
可见区高：document . body . client height；
可见网页的宽度：document.body.offsetWidth(包括边的宽度)；
可视区域的高度：document.body.offsetHeight(包括边线的宽度)；
setInterval
setInterval动作用于在播放动画时以固定的时间间隔调用函数、方法或对象。您可以使用此操作来更新数据库中的变量或更新时间显示。
setInterval操作的语法格式如下：
setInterval(函数，interval[，arg1，arg2，argn])
setInterval(对象，方法名，间隔[，arg1，arg2，argn])
第一种格式是标准动作面板中setInterval函数的默认语法，第二种格式是专家模式动作中使用的方法。
函数参数是函数名或对匿名函数的引用。
object参数指定从Object对象派生的对象。MethodName指定要在对象参数中调用的方法。
Interval设置两次调用function或methodName之间的时间，单位为毫秒。下面的arg1等。可选参数，用于表示传递给function或methodName的参数。
SetInterval如果其设置的时间间隔小于动画帧率(如每秒10帧，相当于100毫秒)，则在尽可能接近该间隔的时间间隔调用该函数。并且您必须使用updateAfterEvent操作来确保以足够的频率刷新屏幕。如果间隔大于动画帧率，则只在播放头每进入某一帧时调用，以减少每次屏幕刷新的影响。
clearInterval
ClearInterval操作清除对setInterval函数的调用。
其语法格式如下：
clear interval(intervalid)；//interval是调用setInterval函数后返回的对象。
广告移动效果示例
超文本标记语言
头
meta http-equiv=' content-type ' content=' text/html；charset=utf-8 '
简单标题JS动画示例广告移动效果/标题
/头
身体
div id=' one ' style=' background-color:red；位置：绝对；左：0；top:0；高度：100px高度：100像素；'
移动广告
/div
脚本类型='文本/javascript '
var x=0；//对象的X轴位置
var y=0；//对象的Y轴位置
var xs=10//对象x轴移动速度
var ys=10//物体y轴移动速度
var one=document . getelementbyid(' one ')；
函数move(){
x=xs
y=ys
one . style . left=x；
one . style . top=y；
if(x document . body . client width-one . offset width-20 | | x0){
xs=-1 * xs；//速度反转。
}
if(y document . body . client height-one . offset height-20 | | y0){
ys=-1 * ys；
}
}
var obj=setInterval('move()'，100)；
one.onmouseover=function(){ //
clear interval(obj)；
}
one.onmouseout=function (){
obj=setInterval('move()'，100)；
}
/脚本
/body
/html
这就是本文的全部内容，希望对大家的学习有所帮助。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。