animate()
animate()方法用于创建自定义动画。
语法:
$(selector).animate({params},speed,callback);
参数:
params:必填,定义形成动画的CSS属性。
speed:可选,规定效果的时长。它可以取以下值:“slow”、“fast”或毫秒。
callback:可选,动画完成后所执行的函数名称。
注意:
默认情况下,所有HTML元素都有一个静态位置,且无法移动。
如需对位置进行操作,要记得首先把元素的CSS position属性设置为relative、flexed或absolute!
当使用animate()时,必须使用Camel标记法书写所有的属性名,比如,必须使用passingLeft而不是padding-left,使用marginRight而不是margin-right,等等。
animate()目前不支持颜色动画,如果需要生成颜色动画,需要引入颜色动画的插件。
1.2、animate()使用相对值
也可以定义相对值(该值相对于元素的当前值)。需要在值的前面加上+=或-=
1.3、animate()使用预定义的值
可以把属性的动画值设置为:“show”、“hide”或“toggle”
1.4、animate()使用队列功能
可以编写多个animate()调用,jQuery会创建包含这些方法调用的“内部”队列。然后逐一运行这些animate调用。
jQuery效果-停止动画stop()
Stop()方法用于停止动画或效果,在它们完成之前。
Stop()方法适用于所有的JQuery函数效果,包括滑动、淡入淡出和自定义动画。
语法:
$(selector).stop(stopAll,goToEnd);
参数:
stopAll:可选,规定是否应该清除动画队列。默认是false,即停止活动的动画,允许任何排入队列的动画向后执行。
goToEnd:可选,规定是否立即完成当前动画。默认是false。
jQuery-链
通过jQuery,可以把动作/方法链接到一起。链允许我们在一条语句中运行多个jQuery方法(在相同的元素上)
在这之前,我们都是一次写一条jQuery语句(一条接着另一条)。
不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条jQuery命令,一条接着另一条。这样的话,浏览器就不必多次查找相同的元素。如需链接一个动作,您只需简单的把该动作追加到之前的动作上。
例:

希望可以帮助到你们。
以上就是我的分享和收集的一些资料,新手上路,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!