jQuery动画------渐隐渐现动画（fadeIn、fadeOut、fadeToggle）

<script>
    // jQuery的渐隐渐现动画

    // 通过改变透明度,来实现效果

    // 1, $(标签).fadeIn()  显示
    //    语法 : $(标签).fadeIn(时间,运动曲线,运动结束时执行的函数)
    //    从 css 设定的位置上 , 逐渐显示
    //    

    // 2, $(标签).fadeOut()  隐藏
    //    语法 : $(标签).fadeOut(时间,运动曲线,运动结束时执行的函数)
    //    从 css 设定的位置上 , 上卷隐藏标签
    //    

    // 3, $(标签).fadeToggle()  切换
    //    语法 : $(标签).fadeToggle(时间,运动曲线,运动结束时执行的函数)
    //    隐藏就改为显示,显示就改为隐藏
    //   

    // 给显示按钮,添加事件
    $('[name="in"]').click(function(){
        $('div').fadeIn( 2000 , 'linear' , function(){
            console.log('div完全显示了');
        } )
    })


    // 给隐藏按钮,添加事件
    $('[name="out"]').click(function(){
        $('div').fadeOut( 2000 , 'linear' , function(){
            console.log('div完全隐藏了');
        } )
    })

    // 给切换按钮,添加事件
    $('[name="toggle"]').click(function(){
        $('div').fadeToggle( 2000 , 'linear' , function(){
            console.log('div完全切换了');
        } )
    })

</script>