jQuery 图片跟着鼠标动

html默认鼠标样式改成图片时格式为 .ani

 

图片跟随鼠标挪动

html

<div id="mouseImg"> <img src="images/问奈何.png" alt="问奈何"></div>

jquery:这里就只写了最主要的

 //图片跟着鼠标走
            $(document).mousemove(function(e) {
                $("#mouseImg").css({
                    "position": "absolute",
                    "left": e.pageX + 10,
                    "top": e.pageY + 10
                });
            });

            //PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化。可以理解为：相对#（0.0）坐标绝对定位
            //clientX: 鼠标在页面上可视区域的位置, 从浏览器可视区域左上角开始, 随滑动条移动 而变化。 可以理解为： 相对可视化左上角坐标绝对定位
            //screenX:鼠标在屏幕上的位置,从屏幕左上角开始