"a"링크 위로 마우스를 가져 가면 커서 옆에 jQuery 이미지를 가져 오거나 플로팅 할 수 있습니까?

Question

안녕하세요,이 코드 샘플을 This Post.에서 가져 왔습니다. 원하는 것은 커서가 하이퍼 링크 나 "모든"종류의 링크를 넘을 때 커서 옆에 표시 할 PNG 이미지입니다. 여기

은 원본입니다 :

var $img = $('img'); 
$img.hide(); 
$('div').mousemove(function(e) { 
    $img.stop(1, 1).fadeIn(); 
    $('img').offset({ 
    top: e.pageY - $img.outerHeight(), 
    left: e.pageX - $img.outerWidth() 
}); 
}).mouseleave(function() { 
$img.fadeOut(); 
}); 

HTML : S

*var img = $("../Cursor.png"); 
$img.hide(); 
$('a').mousemove(function(e) { 
    $img.stop(1, 1).fadeIn(); 
    $('img').offset({ 
    top: e.pageY - $img.outerHeight(), 
    left: e.pageX - ($img.outerWidth()/2) 
}); 
}).mouseleave(function() { 
$img.fadeOut(); 
});? 

: 여기

<div> 
<img src="http://i574.photobucket.com/albums/ss184/wsganewsletter/Other/Icon-Mega.png"  
/> 
</div> 

그리고 난 HTML을 사용하여 단지 jQuery를 통해 이미지를로드하지 않고 수정하려고 버전입니다

나는 그것이 비교적 쉬운 해결이고 나는 여전히 기울고 있다고 확신한다. 나를 도울 수 있겠 니? 당신이 DOM 요소를 구성해야

var img = $('<img src="../Cursor.png"/>'); 

Answer 1

을이 당신이 필요로하는 무엇을 정확하게 .

<script type="text/javascript"> 
    $(document).ready(function() { 
     var $img = $("#cursor"); 
     $img.hide(); 
     $('a').mousemove(function(e) { 
      $img.stop(1, 1).fadeIn(); 
      $img.offset({ 
       top: e.pageY - $img.outerHeight(), 
       left: e.pageX - ($img.outerWidth()/2) 
      }); 
     }).mouseleave(function() { 
      $img.fadeOut(); 
     }); 
    }); 
</script> 

<img id="cursor" src="http://i574.photobucket.com/albums/ss184/wsganewsletter/Other/Icon-Mega.png" style="position: absolute"> 
<a href="#">hover me</a> 

Answer 2

는이 같은 img 태그를 설정해야

var img = $("<img id='myimg' src='../Cursor.png' />"); 

Answer 3

- 같은 : 감사합니다 :)