我们先来写事件对象,它的布局很简单只需要一张图片,并且我们给他一个id为img,在给他一个定位position: absolute;并且在他标签上设置它的top值和left值都为0;
现在我们来写它的JavaScript。
- 我们先声明一个变量oImg,将获取的img赋值给他var oImg=document.getElementById("img");。
- 我们再来写一下鼠标移入事件,并且传一个参数window.οnmοusemοve=function(e){},这里我们要考虑浏览器的兼容性,所以将两种可能都赋值给参数 e=e||window.Event;。
- 我们再来获取一下鼠标的x轴和y轴,x=e.clientX; y=e.clientY;我们再将获取的x轴和y轴的坐标赋值给图片的