JQuery學習8

1. 滑動效果

slideDown(speed, [easing], [callback]):

通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。

这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来

slideUp(speed, [easing], [callback]):

通过高度变化(向上減小)来动态地显示所有匹配的元素,在隐藏完成后可选地触发一个回调函数。

这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式隐藏起来

slideToggle(speed, [callback]):匹配的元素以“滑动”的方式隐藏或显示

speed  String,Number : 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)

easing (可选)string :  (Optional) 用来指定切换效果,默认是"swing",可用参数"linear"

callback (可选)Function: 在动画完成时执行的函数

2. 淡入淡出

通过不透明度的变化来实现所有匹配元素的淡入(fadeIn)淡出(fadeOut)效果,并在动画完成后可选地触发一个回调函数。

这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化

fadeIn(speed, [easing],  [callback]):

fadeOut(speed, [easing], [callback]):

fadeTo(speed, opacity, [easing], [callback]):把所有匹配元素的不透明度以渐进方式调整到指定的不透明度opacity,并在动画完成后可选地触发一个回调函数

fadeToggle(speed, [easing],  [callback]):

3. 自定義動畫

animate(params, options):创建自定义动画的函数

参数

params :一组包含作为动画属性和终值的样式属性和及其值的集合

options:一组包含动画选项的值的集合。

选项

duration String,Number

(默认值: "normal") 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)

easing 

(默认值: "swing") 要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing".

complete

在动画完成时执行的函数 

queueBoolean

(默认值: true) 设定为false将使此动画不进入动画队列 (jQuery 1.2中新增)

 

posted @ 2013-04-27 14:57  邪见  阅读(194)  评论(0)    收藏  举报