Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS或JQuery动画_Jquery_Css - Fatal编程技术网

CSS或JQuery动画

CSS或JQuery动画,jquery,css,Jquery,Css,有没有关于实现这种动画的最佳方式的想法,即图像先飞入,然后飞出?我知道你可以用CSS制作动画,并假设这很可能是苹果在本例中使用的…显然没有JQuery,但再说一遍,JQuery只是Javascript,所以苹果很可能已经编写了自己的。 无论如何,它确实是使用Javascript和CSS制作的动画 唯一的替代方法是使用视频(其实不是)、动画GIF(也不太可能)或Flash,这在苹果网站上相当愚蠢。我想这就是你想要的: 用于fadeIn和fadeOut jQuery功能,当您单击gallery的n


有没有关于实现这种动画的最佳方式的想法,即图像先飞入,然后飞出?我知道你可以用CSS制作动画,并假设这很可能是苹果在本例中使用的…

显然没有JQuery,但再说一遍,JQuery只是Javascript,所以苹果很可能已经编写了自己的。 无论如何,它确实是使用Javascript和CSS制作的动画


唯一的替代方法是使用视频(其实不是)、动画GIF(也不太可能)或Flash,这在苹果网站上相当愚蠢。

我想这就是你想要的:

用于fadeIn和fadeOut jQuery功能,当您单击gallery的next按钮时


如果要在jquery中执行此操作;)

取决于你所说的“最好”是什么意思。CSS动画和转换可能会占用较少的CPU周期,但较旧版本的浏览器(如IE 8)不支持它们

巧合的是,我刚刚看到一篇文章解释了苹果iPhone 4S CSS动画的工作原理:


对于跨浏览器兼容性,您可以使用它,它包含一个小型动画库。与拉斐尔,你可以旋转,淡出。。。你的图像


如果只针对现代浏览器,则可以使用CSS3转换和转换,因为它们可以通过硬件加速,因此通常性能更好

我希望它能自然发生,而不是通过单击“下一步”按钮来启动。你可以使用一个计时器组合来完成:Javascript中的setTimeout()。淡出只发生在旧浏览器上,新浏览器会得到一个奇特的动画。显然,苹果使用prototype和scriptaculous来完成一些动画任务。但在IE9和FF7上看了之后,我猜实际的动画动作是CSS变换。当变换不可用时,苹果似乎会退回到一种简单的淡入淡出效果。@Andy:现在这取决于你所说的“结果”是什么意思。如果你不告诉我们你看重什么标准,我们就不知道什么能满足他们。无论如何,通过那篇文章的解释很好地展示了它是如何完成的。谢谢你的链接。@Andy:明白了。CSS动画和转换应该看起来更好(即运行更流畅),但显然只有在支持CSS动画和转换的浏览器中才可以。是的,转换和转换就是它所处的位置。感谢链接到我的教程!