知识学习——jQuery效果

animate() 方法

定义：执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。

语法一

$(selector).animate(styles,speed,easing,callback)
//styles 必需。规定产生动画效果的 CSS 样式和值。CSS样式要用驼峰形式的
//如$("#box").animate({height:"300px"});
//speed 可选。规定动画的速度。
//easing 可选。规定在不同的动画点中设置动画速度的 easing 函数。
//callback 可选。animate 函数执行完之后，要执行的函数。

语法二

$(selector).animate(styles,options)
//styles 必需。规定产生动画效果的 CSS 样式和值。CSS样式要用驼峰形式的
//options 可选。规定动画的额外选项。可能的值：speed - 设置动画的速度
//easing - 规定要使用的 easing 函数
//callback - 规定动画完成之后要执行的函数
//step - 规定动画的每一步完成之后要执行的函数
//queue - 布尔值。指示是否在效果队列中放置动画。如果为
//false，则动画将立即开始
//specialEasing - 来自 styles 参数的一个或多个 CSS 属性的映射，以及它们的对应 easing 函数

clearQueue() 方法方法

定义：停止队列中所有仍未执行的函数。

$(selector).clearQueue(queueName)
//queueName 可选。规定要停止的队列的名称。默认是 "fx"，标准效果队列。

fadeIn()方法

定义：使用淡入效果来显示被选元素，假如该元素是隐藏的。

$(selector).fadeIn(speed,callback)
//speed 可选。规定元素从隐藏到可见的速度。
//callback 可选。fadeIn 函数执行完之后，要执行的函数。

fadeOut()方法

定义：使用淡出效果来隐藏被选元素，假如该元素是显示的。

$(selector).fadeOut(speed,callback)
//speed 可选。规定元素从隐藏到可见的速度。
//callback 可选。fadeIn 函数执行完之后，要执行的函数。

fadeTo()方法

定义：将被选元素的不透明度逐渐地改变为指定的值。

$(selector).fadeTo(speed,opacity,callback)
//speed 可选。规定元素从当前透明度到指定透明度的速度。
//opacity 必需。规定要淡入或淡出的透明度。必须是介于0.00与1.00之间的数字。
//callback可选。fadeTo 函数执行完之后，要执行的函数。

hide()方法

定义：如果被选的元素已被显示，则隐藏该元素。

$(selector).hide(speed,callback)
//speed 可选。规定元素从可见到隐藏的速度。默认为 "0"。
//callback 可选。hide 函数执行完之后，要执行的函数。

show()方法

定义：如果被选元素已被隐藏，则显示这些元素：

$(selector).show(speed,callback)
//speed 可选。规定元素从隐藏到完全可见的速度。默认为 "0"。
//callback 可选。show 函数执行完之后，要执行的函数。

slideDown()方法

定义：通过使用滑动效果，显示隐藏的被选元素。

$(selector).slideDown(speed,callback)
//speed 可选。规定元素从隐藏到完全可见（或相反）的速度。默认为 "0"。
//callback 可选。slideDown 函数执行完之后，要执行的函数。

slideToggle()方法

定义：通过使用滑动效果（高度变化）来切换元素的可见状态。

$(selector).slideToggle(speed,callback)
//speed 可选。规定元素从隐藏到可见的速度（或者相反）。默认为"normal"。
//callback  可选。toggle 函数执行完之后，要执行的函数。

slideUp()方法

定义：使用滑动效果，隐藏被选元素，如果元素已显示出来的话。

$(selector).slideUp(speed,callback)
//同上

stop()方法

定义：停止当前正在运行的动画。

$(selector).stop(stopAll,goToEnd)
//stopAll 可选。规定是否停止被选元素的所有加入队列的动画。
//goToEnd 可选。规定是否允许完成当前的动画。该参数只能在设置了stopAll参数时使用。

toggle() 方法

定义：切换元素的可见状态。如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。

$(selector).toggle(speed,callback,switch)
//同上
//switch 可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。
//True - 显示所有元素 False - 隐藏所有元素
//如果设置此参数，则无法使用 speed 和 callback 参数。