zoukankan      html  css  js  c++  java
  • JQ 队列

    <div class="divtt">
    <div class="divtest"></div>
    </div>
    <div class="divtt">
    <div class="divtest"></div>
    </div>
    <div class="divtt">
    <div class="divtest"></div>
    </div>
    <div class="divtt">
    <div class="divtest"></div>
    </div>

    .divtt
    {
    position: relative;
    150px;
    height: 150px;
    border: 1px solid black;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    overflow: hidden;
    }

    .divtest
    {
    position: absolute;
    150px;
    height: 150px;
    opacity: 0.3;
    top: 0px;
    left: -150px;
    background-color: black;
    }

    <div class="divtt">
    <div class="divtest"></div>
    </div>
    <div class="divtt">
    <div class="divtest"></div>
    </div>

    <div class="divtt">
    <div class="divtest"></div>
    </div>

    <div class="divtt">
    <div class="divtest"></div>
    </div>

    <div class="divtt">
    <div class="divtest"></div>
    </div>
    <div class="divtt">
    <div class="divtest"></div>
    </div>

    var div1 = $(".divtt").find(".divtest")
    var FUNC = [
    function () {  div1.eq(0).animate({ left: "150px" }, 200, aniCB); },
    function () {  div1.eq(1).animate({ left: "150px" }, 200, aniCB); },
    function () {  div1.eq(2).animate({ left: "150px" }, 200, aniCB); },
    function () {  div1.eq(3).animate({ left: "150px" }, 200, aniCB); },
    function () {  div1.eq(4).animate({ left: "150px" }, 200, aniCB); },
    function () { div1.eq(5).animate({ left: "150px" }, 200, aniCB); },
    function () { div1.eq(6).animate({ left: "150px" }, 200, aniCB); },
    function () {  div1.eq(7).animate({ left: "150px" }, 200, aniCB); },
    function () {  div1.eq(8).animate({ left: "150px" }, 200, aniCB); },
    function () { div1.eq(9).animate({ left: "150px" }, 200, aniCB); },
    function () { div1.eq(9).animate({ left: "-150px" }, 200, aniCB); },
    function () { div1.eq(8).animate({ left: "-150px" }, 200, aniCB); },
    function () { div1.eq(7).animate({ left: "-150px" }, 200, aniCB); },
    function () { div1.eq(6).animate({ left: "-150px" }, 200, aniCB); },
    function () { div1.eq(5).animate({ left: "-150px" }, 200, aniCB); },
    function () { div1.eq(4).animate({ left: "-150px" }, 200, aniCB); },
    function () { div1.eq(3).animate({ left: "-150px" }, 200, aniCB); },
    function () { div1.eq(2).animate({ left: "-150px" }, 200, aniCB); },
    function () { div1.eq(1).animate({ left: "-150px" }, 200, aniCB); },
    function () { div1.eq(0).animate({ left: "-150px" }, 200, aniCB); },
    ];
    var aniCB = function () {
    $(document).dequeue("myAnimation");
    }
    $(document).queue("myAnimation", FUNC);
    aniCB()

  • 相关阅读:
    app专项测试之稳定性测试-monkey测试
    Mac下Fiddler的安装启动。
    测试环境搭建和部署(在Linux环境下搭建jdk+Tomcat+mysql环境和项目包的部署)
    mysql如何用sql语句修改表字段?
    VMware虚拟机出现“正在使用中”如何解决?
    Opencv2.1+vs2008生成不依赖编译环境的exe文件
    VS2008在win7下不时出现Microsoft Incremental Linker已停止工作
    没有找到opencv_core231d.dll运行结果不能显示
    Mat类型与IplImage类型之间相互转换
    获取当前可执行文件的路径(绝对路径)
  • 原文地址:https://www.cnblogs.com/-maomao/p/4450631.html
Copyright © 2011-2022 走看看