关于jquery动画

* animate(params,duration,easing,callback)
* params - 设置自定义动画的效果
* 直接使用CSS中的属性样式
* duration - 设置自定义动画的时长(单位为毫秒)
* easing - 要使用的擦除效果的名称
* callback - 自定义动画执行完毕后的处理函数

* animate(params,options)
* params - 设置自定义动画的效果
* 直接使用CSS中的属性样式
* options - 选项
* duration - 设置自定义动画的时长(单位为毫秒)
* easing - 要使用的擦除效果的名称
* complete - 自定义动画执行完毕后的处理函数
* queue - 设定为false将使此动画不进入动画队列

* 不能使用的CSS属性
* backgroundColor
* borderBottomColor
* borderLeftColor
* borderRightColor
* borderTopColor
* Color
* outlineColor

* 动画排队与并发
* 排队效果 - 多个动画按照先后顺序执行
* 并发效果 - 多个动画同时执行

案例代码:

$(document).ready(function(){
$("[data-gradient='gradient']").hover(function(){
$(this).children('b').show().animate({'margin-left':'1.5em','font-size':'1em'},100)
},function(){
$(this).children('b').animate({'margin-left':0,"font-size":'0'},100,function(){$(this).hide()})
})
})

两种animation中,参数多的一种比较常用
posted @ 2016-04-07 10:10  晓晓程序猿  阅读(128)  评论(0)    收藏  举报