• jQuery 图片一走一停效果


      <div class="qiandu_box" style=" 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>
  • 相关阅读:
    Windows-Windows 下使用 Linux 系统(WSL)
    Windows
    多校3 1002 RGCDQ
    三分 Error Curves
    Equation Again 最大化最小值
    Monthly Expense
    Hamburgers 假定解是否可行
    多校2 1002 Buildings
    UVa 10881 Piotr’s Ants
    多校1 Assignment(枚举 二分 rmq) 1002
  • 原文地址:https://www.cnblogs.com/sxmny/p/2742136.html
Copyright © 2020-2023  润新知