jquery怎样设置才能做完上一步动画再执行下一步

$('pic1').hide(1000);
$('pic2').delay(1000).show(1000); delay(时间) 延时多少秒执行

JS:

$(function(){
   $('#pic1').hide();
   $('#pic2').hide();
   $('#pic3').hide();
   $('#pic4').hide();
   function picShow(the){
      $("#pic"+(the+1)).hide(1000,function(){
         the=(the+1)%4;
         $("#pic"+(the+1)).show(1000,function(){
            picShow(the);
         });
      });
   };
   picShow(0);
});

jquery有animate方法，可以做动画效果，并且按步骤执行的话，可以用回调函数callback。不过我一般会用move.js。
如果你找到move.js的话上面有实例，个人感觉很好用，做全屏滚动之类的都会用这个框架。做你想要的这个效果，so easy啊。

$(selector).hide(speed,callback)
callback 参数是在 hide 或 show 函数完成之后被执行的函数名称。

应该是这个意思:
$('pic1').hide(1000,function(){
$('pic2').show(1000)
});

你试试吧，我没试呢，重装系统了，懒得下编辑器了。

用settimeout延时启动第二句代码