jQuery动画

一.show()和hide(),显示和隐藏,改变大小和透明度

show()恢复内容原有的display值,内容从上到下,从左到右依次增大,透明度从0到1

hide()使内容display设置为none.和以上相反。

可以设置速度参数,low(600),normal(400),fast(200),或者其他数字,单位ms.

二.fadeIn()和fadeOut(),淡入和淡出,只改变透明度

可以设置速度参数,low(600),normal(400),fast(200),或者其他数字,单位ms.

三.slideUp和slideDown,缩短隐藏和延伸显示

只改变高度

四.自定义动画 animate()

1.animate(params,speed,callback)

参数params,一个包含样式属性及值得映射,比如{left:"300px",right:"300px"}

2.累加累减 如:left:"+=500px"

3.顺序执行,链式

参数callback,适用于任何动画效果,如function(){$(this}.css("color","red")

五.停止动画和判断是否处在动画状态

1.停止动画stop(可选参数1clearqueue,表示是否要清空未执行的动画队列,可选参数2gotoend,表示是否直接将正在执行的动画跳到末状态),参数为true或者false

默认值都是false,是立即停止当前动画,开始接下来的动画。stop(true)等价于stop(true,false),

2.is(":animated")

3.延迟动画 .delay(速度参数)

六.其他动画

1.toggle(speed,[callback])

在hide和show之间切换

2.slideToggle(speed)

通过高度变化切换可见性

3.fadeTo(speed,opacity)

把元素的不透明度以渐进方式调整到指定的值

4.fadeToggle(speed)

通过切换不透明度切换元素可见性

 

posted @ 2017-04-28 02:17  小明学长  阅读(103)  评论(0编辑  收藏  举报