jQuery动画

1.控制元素显示与隐藏

  1.1 控制元素显示---show

     $(selector).show([speed],[callback])

    speed---可选,可设置:毫秒(1000等)、slow、normal、fast

    callback---可选,show函数执行完,要执行的函数

  1.2 控制元素隐藏---hide

     $(selector).hide([speed],[callback])

    speed---可选,可设置:毫秒(1000等)、slow、normal、fast

    callback---可选,hide函数执行完,要执行的函数

2.改变元素透明度

  2.1 控制元素淡入---fadeIn

     $(selector).fadeIn([speed],[callback])

    speed---可选,可设置:毫秒(1000等)、slow、normal、fast

    callback---可选,fadeIn函数执行完,要执行的函数

  2.2 控制元素淡出---fadeOut

     $(selector).fadeOut([speed],[callback])

    speed---可选,可设置:毫秒(1000等)、slow、normal、fast

    callback---可选,fadeOut函数执行完,要执行的函数

3.改变元素高度 

  3.1 控制元素从上向下延伸显示---slideUp

     $(selector).slideUp([speed],[callback])

    speed---可选,可设置:毫秒(1000等)、slow、normal、fast

    callback---可选,slideUp函数执行完,要执行的函数

  3.2 控制元素从下向上缩短直至隐藏---slideDown

     $(selector).slideDown([speed],[callback])

    speed---可选,可设置:毫秒(1000等)、slow、normal、fast

    callback---可选,slideDown函数执行完,要执行的函数

4.自定义动画

  $(selector).animate({parmas},speed,callback)

    parmas---必选,定义形成动画的CSS属性 

    speed---可选,可设置:毫秒(1000等)、slow、normal、fast,规定的效果时长

    callback---可选,滑动完成后,要执行的函数

原文地址:https://www.cnblogs.com/weihaixiong/p/8510109.html