jquery - 悬停时放大的水平 div 滚动条

Question

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

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

但是，列表中的第 6 个元素根本不显示，第 5 个元素在悬停时变得不稳定！

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

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

任何帮助是极大的赞赏！

Answer 1

我对你的 jquery animate 函数做了一个小改动，现在它对我来说工作正常。问题在于分配给 li 标签的宽度。

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