jQuery中的动画效果

1.显示与隐藏

show 显示

 <button>显示</button>
    <button>隐藏</button>
    <div class="show">显示</div>
    <script>
        $(function(){  
        // 单击显示按钮  div显现
        $('button:eq(0)').click(function(){
            $('.show').show(2000) 
        })
        })
    </script>

hidden 隐藏 

 <button>显示</button>
    <button>隐藏</button>
    <div class="show">显示</div>
    <script>
        $(function(){  
        // 单击隐藏按钮  div消失
        $('button:eq(1)').click(function(){
            $('.show').hide(2000,function(){
                $(this).show(1000)
            }) 
        })
        })
    </script></