jQuery 图片一走一停效果

  <div class="qiandu_box" style="width: 1px;">
                    <dl>
                        <dt><a href="#">
                            <img src="images/ii_26.jpg" /></a></dt>
                        <dd>
                            <span class="q2">SHOWCASE TITLE</span><a href="#" class="a4"><span class="q3">后代呢人的新婚</span><span
                                class="q4">女人一生中最漂亮的时刻莫过于做新娘的时刻,在这一生中最重要的日子里,怎么能不让自己美丽呢!然而得选择一位优秀的化妆师。化妆师巧手能把新娘打扮得美貌如花,气质高贵,更能给新娘增添不少的自信……
                            </span></a>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="#">
                            <img src="images/ii_26.jpg" /></a></dt>
                        <dd>
                            <span class="q2">SHOWCASE TITLE</span><a href="#" class="a4"><span class="q3">后代呢人的新婚</span><span
                                class="q4">女人一生中最漂亮的时刻莫过于做新娘的时刻,在这一生中最重要的日子里,怎么能不让自己美丽呢!然而得选择一位优秀的化妆师。化妆师巧手能把新娘打扮得美貌如花,气质高贵,更能给新娘增添不少的自信……
                            </span></a>
                        </dd>
                    </dl>
                    <dl>
                        <dt><a href="#">
                            <img src="images/ii_26.jpg" /></a></dt>
                        <dd>
                            <span class="q2">SHOWCASE TITLE</span><a href="#" class="a4"><span class="q3">后代呢人的新婚</span><span
                                class="q4">女人一生中最漂亮的时刻莫过于做新娘的时刻,在这一生中最重要的日子里,怎么能不让自己美丽呢!然而得选择一位优秀的化妆师。化妆师巧手能把新娘打扮得美貌如花,气质高贵,更能给新娘增添不少的自信……
                            </span></a>
                        </dd>
                    </dl>
                </div>
<script type="text/javascript">
    function leftAnimate() {
        var w = $(".qiandu_box").width();
        var imgleng = $(".qiandu_box dl").size();
        var clon = $(".qiandu_box dl").clone();
        if (imgleng <= 3) {
            $(".qiandu_box").append(clon);
        }
        $(".qiandu_box").css("width", imgleng * 210);
        var lefts = imgleng * -200;
        $(".qiandu_box dl:eq(0)").animate({ "marginLeft": lefts }, 4000, function () {
            $(this).remove();
            $(".qiandu_box").append("<dl>" + $(this).html() + "</dl>");
            leftAnimate();
        });
    }
    leftAnimate();
   
</script>

 

posted @ 2012-10-27 09:50  伤心木乃伊  阅读(419)  评论(0编辑  收藏  举报