结合jQuery UI的盲目和幻灯片动画方法

时间:2011-04-01 04:18:14

标签: jquery jquery-ui jquery-animate

简单地说,我想在同一个元素上同时使用jQuery中的幻灯片和盲目效果 - 组合效果使其看起来好像元素在它后面滑动包含元素(这就是幻灯片的作用) )但同时也要减小实际宽度,以便相邻元素随之重新移动。

在你说'但是有一个插件之前!',确定有一些,但他们都有自己的怪癖,似乎使他们对我想做的事情毫无用处。

我听说我可能不得不深入研究jQuery代码并将这些效果放在一起,因为他们默认内置了一个队列方法。也许有人知道的更好(或者如果我想要下去,我应该从哪里开始那条路?)

干杯, 约翰。

更新,自己看看:http://jsfiddle.net/johnrobert/xKvF8/

1 个答案:

答案 0 :(得分:8)

不确定这是否是你想要的......

http://jsfiddle.net/xKvF8/3/

我在这里使用了dequeue()来同时制作动画

$(".featured:first").hide("slide", { direction: "left" }, 3000)
    .hide("blind", { direction: "horizontal" }, 3000)
    .dequeue();