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>
  • 相关阅读:
    asp.net[web.config] httphandlers 与实现自由定义访问地址
    Web.config配置文件详解
    ASP.NET十分有用的页面间传值方法(转)
    web.config中authorization下的location中的path的设置 (转)
    基于FormsAuthentication的用户、角色身份认证(转)
    FormsAuthentication.RedirectFromLoginPage 登录
    php代码审计-下载站系统Simple Down v5.5.1 xss跨站漏洞分析
    创建二维码生成器
    更新自制入库价格(结账)
    常用的系统存储过程
  • 原文地址:https://www.cnblogs.com/sxmny/p/2742136.html
Copyright © 2011-2022 走看看