关于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中,参数多的一种比较常用
浙公网安备 33010602011771号