水平div卷轴与放大悬停

我想知道如果有人可以帮助。我正在尝试创建一个由鼠标激活的水平滚动条，这会扩大悬停的div。但不能得到它的工作。水平div卷轴与放大悬停

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

然而，在列表中的第六元素完全不&显示5日进入不稳定的悬停！

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

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

任何帮助，非常感谢！

来源

2012-07-26 vonholmes

我已经在你的jquery动画功能做了一个小的改变，现在它对我来说工作正常。问题在于分配给li标签的宽度。

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

来源

2012-07-26 12:45:37 ssilas777

感谢您的回复！这确实使它的功能正确，但是有没有办法将宽度保持在130px，并且只是将其放大？除了当前的方法之外，此方法将所有内容调整为100px。 – vonholmes 2012-07-26 13:13:13

在这种情况下，我会建议你解决 - 我删除了以前添加的额外jquery行，并添加了两个具有隐藏可见性的li，令我惊讶的是它像一个魅力一样工作。 \t \t

– ssilas777 2012-07-26 13:41:38

好，现在工作，再次感谢！ – vonholmes 2012-07-26 13:45:45

水平div卷轴与放大悬停

回答

相关问题