1

我想要两个或更多图像之间的过渡效果。我知道在 JQuery 中可以轻松完成简单的转换,尤其是使用Cycle插件,但我想要更复杂的东西。 像这样,虽然这是一个糟糕的例子。一种“百叶窗”风格的效果,您可以在其中看到一个图像随着另一个图像的变化而变化。我希望我很清楚。

如果可能的话,我真的很想避免使用 Flash。


我已经用过animate几次了。我想要的是一种实现我链接到的过渡风格的方法,无论是现成的还是有一点帮助的。我的问题是图像本质上是分裂的,而不仅仅是移动。也许有一种使用口罩的方法?

4

2 回答 2

3

仅使用 javascript 几乎不可能实现对角线百叶窗。我可以想出一些方法来处理图像文件,但这将是一个神圣的黑客,动画不太可能是流畅的。可能有办法用画布来做,但这也会让人头疼,因为你必须使用 canvas->vml 才能让它与 IE 一起工作。

如果您对水平/垂直百叶窗没问题,只需附加一堆 div 并为宽度/高度设置动画。

于 2009-01-12T22:07:04.917 回答
1

如果你对垂直百叶窗选项没问题,现在有一个非常漂亮的 jQuery 插件可以达到你想要的效果:http: //nivo.dev7studios.com

于 2010-08-27T12:14:01.460 回答