html 放上去动画停止,使用jQuery的animate()+CSS样式实现动画效果及stop()停止动画

01第1节：jQuery动画概述

#JavaScript#在jQuery中，除了可以淡入淡出、滑动效果之外，还可以使用animate()方法创建自定义的动画效果。

对于自定义的动画函数animate()方法，可以设置一些参数、速度和回调函数，以更灵活的配置动画效果的呈现。

02第2节：animate()方法基本功能

使用jQuery的animate()方法创建自定义动画的基本语法如下：

基本语法如下：

$(selector).animate({params},speed,callback);

基本语法说明如下：

第1个参数params必须存在，用于设置能够形成动画效果的CSS属性，可见动画效果是CSS样式实现的。第2个参数speed用于配置动画效果的速度，可选参数，如果没有值，则使用默认速度呈现动画。第3个参数callback是可选的，用于指定动画完成后所执行的函数名称。现在，我们来列举个例子，如果要让一个Html元素可以移动，需要设置该元素的position属性，这是动画的基础，完整代码如下：

此DIV会移动

在此代码中，在Html元素上使用了style属性来设置一个动画效果。运行后的结果