动画
格式:
动画名(动画时间, 时间曲线(需要依赖其他js,不能直接用), function() { ... 当动画完成以后执行的函数})
- 动画时间:动画执行的时间(毫秒)
- 时间曲线:内塞尔曲线
- 回调:动画结束后执行的function(代码)
连续的动画
$('#demo').animate({
left : 300
}, 1000).animate({
top : 300
},1000).animate({
left: 0
},1000).animate({
top : 0
}, 1000)
hide() 以同时改变宽度、高度、透明度的方式 隐藏一个显示的对象
show() ..... :显示一个隐藏的对象
toggle() ... :切换 hide 和 show
slideUp 以改变高度的方式:隐藏一个显示的对象
slideDown ... :显示一个隐藏的对象
slideToggle ...:切换 slideUp 和 slideDown
fadeIn : 以改变透明度的方式 渐隐一个显示的对象
fadeOut ... :渐现一个隐藏的对象
fadeToggle ... : 切换 fadeIn 和 fadeOut
自定义动画
$('对象').delay(延时时间).animate({
//动画
},曲线,function(){
//回调
})