jQuery mousemove 페이지가 아닌 div

Question

html과 css로 iPad mini 뒤에 이미지가 있습니다. 마우스를 놓으면 이미지가 왼쪽에서 오른쪽으로 슬라이드됩니다. 아이 패드 미니.

내가 함께있어 jQuery를의 작은 조각 그러나 코드는 내가 사용할 때 작동 한 $(document).mousemove

jsFiddle

HTML

<div class="ipad-mini"> 
</div><!--ipad-mini--> 
<div class="ipad-mini-actuators ipad-move"> 
</div><!--ipad-mini-actuators--> 

CSS

.ipad-mini{ 
    position:relative; 
    float:left; 
    background:url(http://i609.photobucket.com/albums/tt179/DiegoSanchez88/ipad-mini-small_zpsb53e2bd8.png) no-repeat; 
    width: 220px; 
    height:330px; 
    overflow:hidden; 
    z-index:2; 
} 
.ipad-mini-actuators{ 
    background:url(http://i609.photobucket.com/albums/tt179/DiegoSanchez88/actuators_zps8b1a7c1b.png) no-repeat center center; 
    width: 200px; 
    height:280px; 
    top:20px; 
    left:10px; 
    position:relative; 
    z-index:1; 
} 

,691 363,210

는 jQuery를

$(document).mousemove(function(e){ 
    var mousePos = (e.pageX/$(window).width())*100; 
    $('.ipad-move').css('backgroundPosition', mousePos+'% 0'); 
}); 

Answer 1

here is the code demo

$(document).on('mousemove','.ipad-mini',function(e){ 
    var mousePos = (e.pageX/$(window).width())*100; 
    $('.ipad-move').css('backgroundPosition', mousePos+'% 0'); 
});