javascript - 将 Div 移动到悬停的 Div 的 Y 位置(JQuery)

Question

我的问题很简单..

左边有一个图像网格，右边有一个“ slider 框”。

当我将鼠标悬停在网格上的图像上时，我希望 slider 框移动到我悬停过的图像的 Y 位置，以便它们水平对齐。实现这一目标的最佳方法是什么？

Answer 1

尝试一下: http://jsfiddle.net/smxNE/1/ (更新)

$('#myGrid img').mouseenter(function() {
    var theTop = $(this).offset().top;
    $('#sliderbox').stop().animate({top: theTop}, 500);
});

• > http://api.jquery.com/animate/
• > http://api.jquery.com/offset/
• > http://api.jquery.com/mouseenter/

编辑:更新为添加对 .stop()

的调用

• > http://api.jquery.com/stop/