2018-07-01 jq效果

jq效果的实现方法:

  1.基本

  show(time) -> 显示;相当于display:block

  hide(time) -> 隐藏;相当于display:none

  toggle(time) ->循环显示和隐藏;obj.toggle(time)

  2.滑动

  slideDown(time) -> 滑下显示;

  slideUp(time) -> 滑上隐藏;

  slideToggle(time) -> 循环滑上滑下隐藏显示;

  3.淡入淡出

  fadeIn(time,opa) -> 淡入;

  fadeOut(time,opa) -> 淡出;

  fadeTo(time,opa) -> 变到某个透明度;

  4.自定义

  animate({json样式},timen,fn) -> 动画效果的实现,fn可选参数动画效果执行完毕后执行的函数

  stop(){} -> 立即停止动画效果

原文地址:https://www.cnblogs.com/miaoxingren/p/9251838.html