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

    源码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script src="jquery.min.js" language="javascript" type="text/javascript">
    </script>
    <script src="wkl_ajax.js" language="javascript" type="text/javascript">
    </script>


    <style type="text/css">
    div
    { margin:3px; width:40px; height:40px;
    position
    :absolute; left:0px; top:30px;
    background
    :green; display:none; }
    div.newcolor
    { background:blue; }
    span
    { color:red; }
    }
    </style>
    <script type="text/javascript">

    $(
    "#show").click(function () {
    var n = $("div").queue("fx");
    $(
    "span").text("Queue length is: " + n.length);
    });
    function runIt() {
    $(
    "div").show("slow");
    $(
    "div").animate({left:'+=200'},2000);
    $(
    "div").slideToggle(1000);
    $(
    "div").slideToggle("fast");
    $(
    "div").animate({left:'-=200'},1500);
    $(
    "div").hide("slow");
    $(
    "div").show(1200);
    $(
    "div").slideUp("normal", runIt);
    }
    $(
    function(){
    runIt();});


    </script>
    </head>

    <body>
    <button id="show">Show Length of Queue</button>
    <span></span>
    <div></div>
    </body>
    </html>

      

  • 相关阅读:
    iOS -- @try
    javaScript学习
    iOS -- js与原生交互
    iOS -- WKWebView
    iOS -- UIWindow的使用
    iOS -- app生命周期中代理方法的应用场景
    iOS -- keyChain
    UISegmentedControl
    明天你好
    编程:是一门艺术(转)
  • 原文地址:https://www.cnblogs.com/wangkangluo1/p/2159947.html
Copyright © 2011-2022 走看看