$(function(){
        slide_img();
        function slide_img(){

        var imgs=$("#part4_slide>p");
        var n=imgs.length;//5
        var arr_img=[];
        for(var i=0;i<n;i++)
        arr_img[i]=imgs.eq(i);
            var width=imgs.width();//160
        
          arr_img[0].animate({marginLeft:-width},2000,'linear'
          ,function(){
           $(this).detach().appendTo("#part4-slide");//执行完动画插到最后,为什么并没有插？？？？？？？
          })                    
        setTimeout(arguments.callee,0);
        
        }
    })
下面是html部分：        
    <p  id="part4_slide">
                <p><img id="p4_img1" src="img/air/air_part4_1.jpg"  alt="pictrue" ></p>
                <p><img id="p4_img2" src="img/air/air_part4_1.jpg"  alt="pictrue" ></p>
                <p><img id="p4_img3" src="img/air/air_part4_1.jpg"  alt="pictrue" ></p>
                <p><img id="p4_img4" src="img/air/air_part4_1.jpg"  alt="pictrue" ></p>
                <p><img id="p4_img5" src="img/air/air_part4_1.jpg"  alt="pictrue" ></p>
                
            </p>
            

我只是想将5张图片依次向左流动，当第一张消失在左侧边缘，将其detach(),然后再appenTo()到最后位置，这样5张图片就可以连续的循环流动了，可是世态炎凉，为什么图片消失后并没有被插入到5个元素的最后面，求大神支招