我正在编写一个非常简单的幻灯片,我使用了"regular" hide(),如下所示:
jQuery("#featured li:nth-child(1)").hide('slow');
这不仅隐藏了li,而且还将其他li慢慢移动到合适的位置,这很好。
但是,现在我想使用更好的效果,并将其更改为:
jQuery("#featured li:nth-child(1)").hide('slide', 'slow');
这将以一个不错的效果将li从视图中滑动出去,但是现在剩下的li不再移动到它的位置,而是它们"等待"直到效果完成,然后它们突然"跳"到适当的位置。
如何解决这个问题?
你可以使用不同的效果,像这样:
$("#featured li:nth-child(1)").hide('fold','slow');
我认为这取决于你的布局,因为幻灯片是从右到左的,所以如果你在它下面有另一个元素,它就会"弹出"。
看小提琴http://jsfiddle.net/F8XcW/