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>

      

  • 相关阅读:
    JS笔记之第七天
    JS笔记之第六天
    JS笔记之第五天
    JS笔记之第四天
    JS笔记之第三天
    JS笔记之第二天
    JS笔记之第一天
    PHP文件上传
    bit、Byte、bps、Bps、pps、Gbps的单位的说明及换算
    Redis初级安装及使用
  • 原文地址:https://www.cnblogs.com/wangkangluo1/p/2159947.html
Copyright © 2011-2022 走看看