列队动画 

<body>
    
    <div class="test">你</div>
    <div class="test">好</div>
    <div class="test">吗</div>
    <div class="test">？</div>
    
    <input class="show" type="button" value="show" />
    <input class="hide" type="button" value="hide" />
    
</body>

 

    $('.show').click(function(){
        $('.test').first().show(1000,function testShow(){
            $(this).next().show(1000,testShow);
        });
    });
    
    $('.hide').click(function(){
        $('.test').last().hide(1000,function testHide(){
            $(this).prev().hide(1000,testHide);
        });
    });

 

posted @ 2017-02-12 15:24  党兴明  阅读(114)  评论(0)    收藏  举报