本文演示了js实现简单的鼠标跟随效果的方法，供大家参考，具体分析如下：

鼠标跟随，顾名思义，是当鼠标移动时，有一个动画与鼠标一起移动。



点一点：


无功oevent = EVT window.event | |；


这是为了与IE和FF兼容而编写的。在IE，window.event表示事件对象，而FF传递参数到事件的功能，这意味着事件对象。

第二点：


document.onmousemove =功能（EVT）


鼠标跟随是鼠标移动时发生的事情。



点三：


document.documentelement.scrolltop document.body.scrolltop | |；


这是为了兼容Chrome和其他浏览器，滚动距离从顶部的滚动条，镀铬的背面，和其他浏览器在前面。

点四：


OTOP。风格。最高oevent。clienty + scrollTop + 10 +PX；


当鼠标移动时，鼠标的当前位置被分配给元素的位置值。

OEvent.clientY是当前鼠标的坐标位置。添加scrollTop距离滚动到第一屏，和鼠标跟踪效果依然不变。



代码如下：






非所有权文件

身体{边缘：0；填充：0 }
# to_top {
宽度：30px；
身高：40px；
填料：20px；
字体：14px / 20px Arial；
文本对齐：中心；
背景：# 06c；
位置：绝对；
光标：指针；
颜色：# FFF
}


在window.onload =函数（）{
VaR OTOP = document.getelementbyid（to_top ）；
document.onmousemove =功能（EVT）{
无功oevent = EVT window.event | |；
VaR scrollLeft = document.documentelement.scrollleft document.body.scrollleft | |；
VaR scrollTop = document.documentelement.scrolltop document.body.scrolltop | |；
otop.style.left = oevent.clientx + scrollLeft + 10 +PX；
otop.style.top = oevent.clienty + scrollTop + 10 +PX；
}
}



写的字
鼠标跟随




希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。