javascript - 根据鼠标位置自动滚动div中的图标

Question

我得到了这个工作，但它移动了页面上的每张图片，而不仅仅是我想要的图片。

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
var parent = $('#parent');
var img = $('img:first-child');

parent.on('mousemove', function(e) {
    mouseX = e.pageX
    console.log(mouseX/parent.width()*100);
    img.css('margin-left',-mouseX/parent.width()*100);

});
});//]]>  

</script>

图标代码是:

<div id="parent">

      <div id="propertyThumbnails">

  <a href="#"><img src= "icons/Facebook.png" width="24" height="24"></a>
  <a href="#"><img src= "icons/Twitter.png" width="24" height="24"></a>
  <a href="#"><img src= "icons/Google.png" width="24" height="24"></a>
  <a href="#"><img src= "icons/Digg.png" width="24" height="24"></a>
  <a href="#"><img src= "icons/LinkedIn.png" width="24" height="24"></a>
  <a href="#"><img src= "icons/Tumblr.png" width="24" height="24"></a>
    <a href="#"><img src= "icons/Pinterest.png" width="24" height="24"></a>
    <a href="#"><img src= "icons/YouTube.png" width="24" height="24"></a>
    <a href="#"><img src= "icons/OtherSite.png" width="24" height="24"></a>
</div></div>

知道如何只滚动我想要的而不是页面上的每张图片吗？

Answer 1

使用

var parent = $('#parent');
var img = parent.find('a > img:first-child');