如何让jQuery在链接上方的鼠标上向下滚动一个div（到另一个div）？

很难解释，我知道。。尤其是因为我对编程的概念完全陌生

但我想，在鼠标右键的一个链接上，更改徽标，使其与链接相对应。我想让它动画化，这样它就能“滚动”过所有其他徽标，找到正确的徽标，有点像最近一些网站所做的那样

所有徽标都包含在一个div中，并且都有自己的类（如果需要）。链接也是如此

我相信你们这些jQuery迷中的一个可以用几行代码来解决这个问题。。或者给我指一个教程。请帮帮我

编辑：好吧，虽然jAndy的提交非常方便，但我一直在思考如何编写代码。我这样做对吗

<div id="nav">
    <div id="nav_left">
        <h1 class="home"><em>name</em>:home</h1>
        <h1 class="about"><em>name</em>:about</h1>
        <h1 class="folio"><em>name</em>:folio</h1>
        <h1 class="contact"><em>name</em>:contact</h1>
    </div>
    <div id="nav_right">
        <ul>
            <li><a href="#" class="lhome">Home</a></li>
            <li><a href="#" class="labout">About Me</a></li>
            <li><a href="#" class="lfolio">Portfolio</a></li>
            <li><a href="#" class="lcontact">Contact Me</a></li>
        </ul>
    </div>
</div>

姓名:home
姓名：关于
姓名：对开
姓名：联系人

查看Ariel Fleslers插件

易用性与此示例类似：

$('a.MyAnchorClass').bind('mouseenter', function(){
    $('div.MyDivClassWithLogos').animate({
       'scrollTop':    $('img.MyImgClass').offset().top
    }, 1500);
});

例如：

---

虽然jAndy的答案可能是你想要的。。。我想我会和大家分享另一种方法

---

我用一个菜单系统回答了一个问题，该系统在点击后滚动一个div。我只是简单地更新了演示，将

单击

更改为

鼠标盖

。你能提供一个网站的链接来说明你想要的行为吗？我会试试看我能找到什么。我已经试着实现了，但我真的被卡住了。你能不能检查一下代码，看看我是不是把所有的东西都按正确的方式分了？（我添加了上面的代码）@jordsta:我添加了一个示例非常好，这（几乎）完全符合我的要求！不过，这一切似乎都是随机进行的，而且总是以底部结束。我很快就会上传一个演示我的意思。@jordsta：我现在看不到源代码，因为我在手机上看世界杯。但看起来您没有使用我的最新示例代码（带缓存偏移量），是吗？哦，不，我没有！对不起，我以为这是第一段代码的源代码。。我会试试看会发生什么。事实上，我发现你的方法很适合。在我的电脑重新启动并运行后，我会在一两天内尝试一下。实际上，我已经将该代码转换为插件，请在此处查看：

$(document).ready(function(){
    $('#nav_left').find('h1').each(function(i,v){
       $.data(this, 'pos', $(this).offset());
    });

    $('#nav_right').find('a').bind('mouseenter', function(e){
       var _target = '.' + e.target.className.substr(1);

       $('#nav_left').stop(true, false).animate({
           'scrollTop':  $(_target).data('pos').top
       }, 1500);
    });
});