jquery——动画

jquery——动画

  • 三组基本动画
    .show()     如果不传参数speed(速度),只有显示效果,没有动画效果。  .show(1000) 就会有动画效果。
    .hide()      如果不穿参数speed(速度),只有隐藏效果,没有动画效果。  .hide(1000)就会有动画效果。
                    其中speed参数也可以是固定字符串。  如:fast(快)=200  normal(正常)=400  slow(缓慢)=600。
    .show([speed],[callback])/.hide([speed],[callback])   两个参数都可以不填,callback为回调函数。

    滑入滑出动画
    .slideDown()     滑入
    .slideUp()          滑出
    .slideToggle()    切换
        与上面的show和hide的用法一样的。  不过不穿参数,默认值为normal

    淡入淡出
    .fadeIn()          淡入
    .fadeOut()       淡出
    .fadeToggle()   切换
        与上面的slide效果一样

  • 自定义动画
    jquery——动画
    .animate()  自定义动画函数
      prop    样式对象     {left:800}       
    这个参数是必须填的。
      speed  速度           1000     
      easing 动画状态    swing/linear/默认      摇摆/匀速/默认状态
      callback  回调函数  function(){ }

    .stop()  停止当前的动画
    jquery——动画
    如果不给参数,默认俩个都是false。

相关文章: