Javascript或jQuery帮助

这是我的网站：

我需要知道如何在鼠标悬停时使红线慢慢变长，然后使用javascript或jQuery慢慢缩小到正常大小

有没有人能给我看一些正确方向的东西？

类似这样的东西：

$('#nav_container div').hover(
    function(){$(this).find('img').animate({width:'100%'},{queue:false,duration:500});},
    function(){$(this).find('img').animate({width:'auto'},{queue:false,duration:500});}
);

可以使用jQuery对元素执行某些操作，其中包括一个持续时间参数，该参数定义动画完成所需的时间。还有一个函数，它接受一组函数。这就是总体思路：

$('div', '#nav_container').hover(function() {
    // this gets called on hover
    $(this).animate({width: 'XXXpx'}, 10000); // 10000 = 10 seconds        
}, function() {
    // this gets called on mouseout
    $(this).animate({width: 'XXXpx'}, 10000); // 10000 = 10 seconds
});

编辑：

就您的评论而言，如果代码在

中，您需要将代码包装在

文档中。就绪
：

$(document).ready(function() {
    // put the code you tried here
});

我似乎无法让它工作。我得到了
$（'div'，'nav_container'）。悬停（function（）{$（this）。动画（{width:'230px'}，10000）；//}，function（）{$（this）。动画（{width:'203px'}，10000）；}）；嗯，在开始工作时把它拿走，但我有问题。当我将光标悬停在它上面时，我想增加它的大小，当我将光标移走时，它会恢复到正常大小，但代码会使它增加，然后在悬停时恢复到正常大小。它也只能工作一次。我必须刷新它的工作againDo你有你的问题的URL上传的代码？我必须在那里看到它才能进一步调试。它在主链接上也不起作用