动画

  • 逐渐缩放
    $().show(time) 显示 time是动画的时间,可以是
    $().hide(time) 隐藏time为可选项
  • 淡入淡出
    $().fadeIn(time)显示
    $().dadeOut(time)隐藏
  • 拉上拉下
    $().sideDown(time)拉下去(显示)
    $().sideUp(time) 拉上来(隐藏)

动画是异步执行的,如果要达到动画完成之后再执行一个函数,需要在动画里面嵌套 函数$().hide(1000,fumction(){})
如果有多个动画依次执行,可以这样简写:
$().hide(1000).show(1000).fadeIn(1000)...

自定义动画 (.animate)

$().animate({//css属性和值,要有可执行的条件
  left:50px,//需要有绝对定位才能偏移
  top:30, //可以不带px 
  opacity:0.3,
  width:'+=50'
},5000,function(){})

跟jQuery原有的动画一样可以嵌套函数和设置动画任务队列

.clearQueue清除动画队列中未执行的动画

.finish停止当前动画,并清除动画队列中所有未完成的动画,最终展示动画队列最后一帧的最终状态

.stop([clearQueue],[jumpToEnd])停止当前正在运行的动画,立刻执行后面的动画

  • clearQueue(defaule:false)//默认false,是否清除队列
  • jumpToEnd(default:false)//是否跳转到最后

你可能感兴趣的:(动画)