Question

jquery实现图片跟着鼠标移动

$("body").mouseover(function(e){
if($("#mouseXY").html() == null){
var MouseXY = "<div id='mouseXY'><img src='未标题-1.png'/></div>" ;
$("body").append(MouseXY);
}
$("#mouseXY").css({'top':e.pageY,'left':e.pageY,'position':absolute,'z-index':1});
});
图片只显示在页面最下面而不是跟着鼠标移动，求大神帮忙啊

Answer 1

'position':absolute 里的 absolute要加单引号， 因为它不是变量。
然后能实现跟随鼠标了 但不是不是太精确  因为你的top和left 都是e.pageY，left应该是e.pageX
然后mouseover是鼠标移入触发，不是实时触发，要实时跟随鼠标，换成mousemove即可

$("body").mousemove(function(e){
   if($("#mouseXY").html() == null){
        var MouseXY = "<div id='mouseXY'><img src='未标题-1.png'/></div>" ;
   	$("body").append(MouseXY);
    }
    $("#mouseXY").css({'top':e.pageY,'left':e.pageX,'position':'absolute','z-index':1});
});