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()

  • 相关阅读:
    java基础---多线程---volatile详解
    java基础---多线程---线程的几种状态及其转换,wait,notify,sleep,yield,join
    java基础---设计一个死锁
    count(1) and count(*),count(字段)区别及效率比较
    mysql之字段约束-第五篇
    mysql之数据表基本操作-第四篇
    mysql之数据类型-第三篇
    mysql之存储引擎-第二篇
    mysql之数据库操作-第一篇
    Redis详解
  • 原文地址:https://www.cnblogs.com/-maomao/p/4450631.html
Copyright © 2011-2022 走看看