jQuery动画

预定义动画函数：

   1)

    没有动画效果

    show()   //显示

    hide()   //隐藏

    toggle() //切换显示和隐藏
 

    主要控制元素的 宽度 高度 透明度 最后 display为none

    给show和hide传递参数(毫秒数 或 slow/fast) 增加动画效果

    $('div').show(1000)

    $('div').hide('slow')

    $('div').toggle(1000)
 

    2)  控制透明度

    fadeIn()  //显示

    fadeOut() //隐藏

    主要控制透明度 最后display为none   

    传递参数 毫秒值

    $('box').fadeIn(1000)

    $('box').fadeOut(1000)

 

    3) 控制标签的高度

    slideDown()  //显示

    slideUp()    //隐藏

    主要控制标签的高度 最后display为none

    传递参数 毫秒值

    $('div').slideDown(1000)

    $('div').slideUp(1000)

 

自定义动画函数

1）animate()

  $('div').animate({

       marginLeft: 500,

       width: 200,

       height: 200,

       borderRadius: "50px"

    }, 1000)

2）stop()

• stop():表示让运动的元素立即停止动画。

• 接收两个参数,都是布尔值,默认值都是false

• 第一个参数:是否清空当前动画队列。

• 第二个参数:是否立即完成当前动画。