在jquery对缓解进行动画处理时捕获鼠标悬停事件

Question

我有一个滚动幻灯片，如下所示：

​

​

它正在使用jQuery thumbnails scroller。(demo)。

将鼠标移到幻灯片上时，幻灯片会根据鼠标光标相对于总div大小的位置设置滚动div的动画。我想在div滚动时捕获鼠标事件，这样我就可以在用户滚动时说出鼠标在哪一项上。

我该怎么做呢？jQuery .hover()，.mouseenter()等只在鼠标移动时触发，当幻灯片滚动条在鼠标悬停时改变位置时。

Answer 1

也许下面的代码片段集就是答案的一半。

​

$( ".target" ).mousemove(function( event ) {
 var msg = $(this).attr('id');
  $( "#log" ).append( "<div>" + msg + "</div>" );
});

#target{
width:100%;
  height: 100px;
}

.target{
float:left;
  margin: 15px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="target">

  
  <div class="target" id="item1">
  ITEM 1
</div>
  <div class="target" id="item2">
  ITEM 2
</div>
  <div class="target" id="item3">
  ITEM 3
</div>
</div>

<div id="log"></div>

​

这有帮助吗？