jQuery动画

动画

格式:

动画名(动画时间, 时间曲线(需要依赖其他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(){
//回调
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。