描述:让div随着鼠标的移动而移动。主要要获取鼠标坐标(clientX,clientY),然后设置div的样式。
html代码,div的样式可自行设置:
js代码:
clientX和clientY是相对于当前可见窗口的坐标,如果页面有滚动条,div就不能再往下移动,为解决该问题,可以使用pageX和pageY,但IE8不兼容,为了有个通用的解决方法,可以获取滚动条滚动的距离,然后再加上获取坐标的距离来设样式。滚动条滚动的距离可用scrollTop和scrollLeft来获取,有些浏览器把它绑定给body标签,有些在html标签上,所以也要使用兼容的写法,如上图所示。
相关文章: