jQuery动画效果

Posted 2022-12-14 无憶

• 过程分析

1. 今天我们来讲jQuery动画效果，就是使其运动起来。
2. 首先jQuery 效果- 隐藏和显示，隐藏、显示、切换，滑动，淡入淡出，以及动画。
3. jQuery hide() 和 show()

通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 html 元素

如图所示：

 

1. 当然不止这些，jQuery 效果 - 淡入淡出：通过 jQuery，您可以实现元素的淡入淡出效果。
2. jQuery 效果 - 滑动：jQuery 滑动方法可使元素上下滑动。
3. jQuery 效果- 动画：jQuery animate() 方法允许您创建自定义的动画。
4. jQuery 停止动画：jQuery stop() 方法用于在动画或效果完成前对它们进行停止。
5. jQuery Callback 方法：Callback 函数在当前动画 100% 完成之后执行。

• 内容总结

从这里我学到了jQuery动画效果，虽然我这里写的有一点少，那么我们更应该学以致用，合理运用。