列队动画
<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); }); });
本博客作为一个入门者的自学记录,欢迎各位同行者不吝赐教。