JQuery入门(7)动画效果

speed 参数规定隐藏/显示的速度，可以取以下值：”slow”、”fast”或毫秒。 callback 参数是隐藏或显示完成后所执行的函数名称，两个参数都是可选的。

示例如下：

input type="button" id="hide" value="点击隐藏" input type="button" id="show" value="点击显示" div 在夕阳下奔跑，那是我逝去的青春。 /div

二、淡入淡出
在jQuery中，可以实现元素的淡入淡出效果。jQuery提供了四种fade方法：fadeIn()淡入已隐藏的元素、fadeOut()用于淡出可见的元素、fadeToggle()用于在fadeIn()和fadeOut()方法之间进行切换、fadeTo()允许渐变给定的不透明度（值介于0与1之间）

fadeIn()语法：$(selector).fadeIn(speed,callback);

fadeOut()语法：$(selector).fadeOut(speed,callback);

fadeToggle()的语法：$(selector).fadeToggle(speed,callback);

fadeTo()的语法：$(selector).fadeTo(speed,opacity,callback);

示例如下：

三、滑动效果
在jQuery中，可以在元素上创建滑动效果。jQuery提供了三种fade方法 slideDown()向下滑动元素、slideUp()用于向上滑动元素、slideToggle()可以在 slideDown() 与 slideUp() 方法之间进行切换。

slideDown()语法：$(selector).slideDown(speed,callback);

slideUp()语法：$(selector).slideUp(speed,callback);

slideToggle()的语法：$(selector).slideToggle(speed,callback);

参数speed规定效果的时长，可以取值：”slow”、”fast”或毫秒。callback参数是滑动完成后所执行的函数名称。

示例如下：

params为必需的参数定义形成动画的CSS属性。speed和callback是可选参数，前者规定效果的时长，取值为：”slow”、”fast”和毫秒；后者是动画完成后执行的函数名称。

示例如下：

五、停止效果
在jQuery中，提供了stop()方法用于停止动画或效果，在它们完成之前。stop()方法适用于所有的jQuery效果函数，包括滑动淡入淡出和自定义动画。

语法：$(selector).stop(stopAll,goToEnd);

stopAll和goToEnd 参数都是可选的。前者规定是否应该清除动画队列，默认是false，即仅停止活动的动画，允许任何排入队列的动画向后执行；后者规定是否立即完成当前动画，默认是false。

所以默认地stop()会清除在被选元素上指定的当前动画

示例如下：

【jQuery动画】停止动画、淡入淡出、自定义动画 动画队列中所有动画都是按照顺序执行的，默认只有当前的一个动画执行完毕，才会执行后面的动画。为此，jQuery提供了stop（）方法用于停止动画效果。通过此方法，可以让动画队列后面的动画提前执行。
【jQuery动画】显示与隐藏效果 在网页开发中，适当地使用动画可以使页面更加美观，进而增强用户体验。jQuery中内置了一系列方法用于实现动画，当这些方法不能满足实际要求时，用户也可以自定义动画。本期我们一起来了解一下显示与隐藏效果吧~
jQuery——动画，显示与隐藏，获取，添加 必需的 params 参数定义形成动画的 CSS 属性 可选的 speed 参数规定效果的时长，可以取以下值：“slow”、“fast” 或毫秒。 可选callback 参数是动画完成后所执行的函数名称
jQuery中的自带动画 jQuery中的自带动画 jQuery是一个非常强大的JavaScript库，它提供了很多非常有用的功能，其中包括动画。 在前端的实际开发中，我们经常会遇到一些动画效果，比如：鼠标移入移出，点击，滚动等等。这些动画效果，我们可以使用jQuery来实现。下面我们就来看看jQuery中的动画。