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:鼠标在屏幕上的位置,从屏幕左上角开始

 

转载于:https://www.cnblogs.com/xiemin-minmin/p/11040292.html

已标记关键词 清除标记
表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符 “速评一下”
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页