>[danger] 隐藏和显示 ~~~ 节点对象.hide() ~~~ ~~~ 节点对象.show() ~~~ >[info] 参数:"fast","normal","slow",分别对象0.2秒,0.4,秒和0.6秒,也可以设置具体的时间，毫秒为单位 Eg: ~~~ <script> $('input[type=button]').click(function(){ $('li').hide(5000); }) $('input[type=button]').click(function(){ $('div').show(5000); }) </script> ~~~ >[danger] 淡入和淡出 ~~~ 节点对象.fadeIn(淡入时间) ~~~ ~~~ 节点对象.fadeOut(淡入时间) ~~~ ~~~ //自动判断当前元素时隐藏还是显示状态，如果是隐藏状态，则先使用淡入效果，再淡出。如果是显示状态，则先使用淡出效果，再淡入。 节点对象.fadeToggle(时间,function(){ 执行代码 }) ~~~ ~~~ //将页面元素透明度变化到指定的值 节点对象.fadeTo(时间,opacity,function(){ 执行代码 }) ~~~ >[danger] 滑动效果 ~~~ //收起效果 节点对象.slideUp(speed,function(){ 执行代码 }) ~~~ ~~~ //下拉效果 节点对象.slideDown(speed,function(){ 执行代码 }) ~~~ ~~~ //自动判断当前元素是否是显示还是隐藏状态，如果元素时显示状态，则先执行下拉效果，再收起。如果元素是显示状态，则先执行收起效果，再下拉 节点对象.slideToggle(speed,function(){ 执行代码 }) ~~~ >[danger] 停止动画效果 ~~~ 节点对象.stop() ~~~ Eg: ~~~ $('btn').toggle(function(){ $('.div').sileUp(1000);},function(){ //下拉菜单收起 $('.div').stop(); //收起过程中再次点击效果停止 }) ~~~ >[danger] 解决多次点击后，动画效果仍然继续的问题 Eg: ~~~ $('btn').toggle(function(){ $('.div').filter(':not(:animated)').sileUp(1000); },function(){ $('.div').filter(':not(:animated)').sileDown(1000); }) ~~~ >[danger] 自定义动画 ~~~ 节点对象.animate(style,speed,function(){ 执行代码 }) //Sytle:指定变化后的css样式，json对象格式 //Speed：设置效果变化时间 //Func：动画效果完成后，执行的回调 ~~~