我正在尝试创建一个定制的水平手风琴风格展示。就实际功能而言,我有框架(可以在这里看到):
http://www.jsfiddle.net/adrianjacob/UdUus/
然而,我的主要错误(和客户)是,如果你看最后一个 li 的右侧,随着宽度的上下动画,总会有轻微的移动/闪烁。
理想情况下,我希望它在最后一项上看起来平滑,并且在其他东西调整大小时没有任何狡猾的移动。知道如何实现这一目标吗?
一个。
我正在尝试创建一个定制的水平手风琴风格展示。就实际功能而言,我有框架(可以在这里看到):
http://www.jsfiddle.net/adrianjacob/UdUus/
然而,我的主要错误(和客户)是,如果你看最后一个 li 的右侧,随着宽度的上下动画,总会有轻微的移动/闪烁。
理想情况下,我希望它在最后一项上看起来平滑,并且在其他东西调整大小时没有任何狡猾的移动。知道如何实现这一目标吗?
一个。
我尝试了另一种方式: http: //www.jsfiddle.net/elektronikLexikon/4mBYE/
s 始终具有 200px 宽度,.promo
并使用此脚本向左或向右移动:
$("#promo div").mouseenter(function() {
i = parseInt($("#promo div").index(this));
$(this).animate({
left: i*50
}, 500).nextAll().each(function(j) {
$(this).animate({
left: (i+j)*50+200
}, 500);
});
});
(在 jsFiddle 中,我也使用 hoverIntent)