水平div滚动，悬停时放大

Question

我想知道是否有人可以提供帮助。我正在尝试创建一个由鼠标激活的水平滚动条，它会在悬停时放大div。但是无法让它发挥作用。

我在这里创建了一个示例：http://vonholmes.co.uk/scroller/scroll-test.html

然而，列表中的第6个元素根本不显示＆amp;第5次在悬停时不稳定！

有没有人知道这样做的更好方法或某种方法来修复我的代码？

还尝试使用：http://www.smoothdivscroll.com/index.html#quickdemo - 但悬停时放大也会导致此操作中断。

非常感谢任何帮助！

Answer 1

我对你的jquery动画功能进行了一些小改动，现在它对我来说很好。 问题是宽度分配给li标签。

$("ul li").hover(
function(){ 
$("ul li").animate({'width':'100px'},'fast');   
    $(this).animate({'width' : '250px'},'fast');
},
function()
{
    $(this).animate({'width':'130px'},'fast');
});
});