javascript - 如何实现幻灯片过渡效果？

Question

我想在幻灯片的过渡效果中，淡入和淡出两种动画方法就可以使用，其他的必须用css实现，对吗？如果不是，请举例说明，如果是，请指导我我怎样才能实现其中的一些，或者以前有人做过吗？

Answer 1

fadeIn() 和fadeOut() 是最容易使用的，但它们只是 jquery 动画功能的快捷方式。这些使用 css，就像包括自定义动画在内的所有其他动画一样，您不必直接处理它。

在 jQuery 中，您可以使用动画功能来转换任何具有数值(高度、宽度、顶部、左侧等)的 css 值。对于更复杂的内置方法，您可以尝试 jQuery UI图书馆。

一个例子:

$('#myDiv').animate({height:30,width:300,top:400,left:300});

参见 jQuery animate documentation了解更多详情。

我还构建了自己的 jQuery slider which you can find here .进入源代码可能会为您提供更多信息，因为它主要处理图像位置和大小的动画。

希望这对您有所帮助。