zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    登录功能实现
    JavaScript中的apply()方法和call()方法使用介绍
    导致JSON无法解析的问题
    git
    Xcode 与 macOS 系统版本的兼容问题
    创建多个Target
    验证合法身份证
    Xcode 6创建预编译头文件.pch
    About In-App Purchase
    Xcode 6制作通用framework库
  • 原文地址:https://www.cnblogs.com/sxmny/p/2742136.html
Copyright © 2011-2022 走看看