jquery delay（）介绍及使用指南
delay(duration,[queueName])
设置一个延时来推迟执行队列中之后的项目。
jQuery 1.4新增。用于将队列中的函数延时执行。他既可以推迟动画队列的执行，也可以用于自定义队列。
duration:延时时间，单位：毫秒
queueName:队列名词，默认是Fx，动画队列。
| 参数 | 描述 |
|---|---|
| speed | 可选。规定延迟的速度。 可能的值：
|
| queueName | 可选。规定队列的名称。 默认是 "fx"，标准效果队列。 |
$("button").click(function(){
$("#div1").delay("slow").fadeIn();
$("#div2").delay("fast").fadeIn();
});
完整测试代码：
<!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").delay("slow").fadeIn(); $("#div2").delay("fast").fadeIn(); $("#div3").delay(800).fadeIn(); $("#div4").delay(2000).fadeIn(); $("#div5").delay(4000).fadeIn(); }); }); </script> </head> <body> <p>This example sets different speed values for the delay() method.</p> <button>Click to fade in boxes with a delay</button> <br><br> <div id="div1" style="width:90px;height:90px;display:none;background-color:black;"></div><br> <div id="div2" style="width:90px;height:90px;display:none;background-color:green;"></div><br> <div id="div3" style="width:90px;height:90px;display:none;background-color:blue;"></div><br> <div id="div4" style="width:90px;height:90px;display:none;background-color:red;"></div><br> <div id="div5" style="width:90px;height:90px;display:none;background-color:purple;"></div><br> </body> </html>
例：
头部与底部延迟加载动画效果
$(document).ready(function() {
$('#header')
.css({ 'top':-50 })
.delay(1000)
.animate({'top': 0}, 800);
$('#footer')
.css({ 'bottom':-15 })
.delay(1000)
.animate({'bottom': 0}, 800);
});
-
本文向大家介绍javascipt:filter过滤介绍及使用，包括了javascipt:filter过滤介绍及使用的使用技巧和注意事项，需要的朋友参考一下 javascipt : filter 过滤 filter是new一个新的array，然后给他过滤后的对象，最后var list 起来
-
Fescar 0.4.0 版本发布了 TCC 模式，由蚂蚁金服团队贡献，欢迎大家试用， Sample 地址：https://github.com/fescar-group/fescar-samples/tree/master/tcc， 文末也提供了项目后续的 Roadmap，欢迎关注。 一、TCC 简介 在两阶段提交协议（2PC，Two Phase Commitment Protocol）中，资源
-
欢迎阅读 “Rust 程序设计语言”，一本介绍 Rust 的书。Rust 是一门着眼于安全、速度和并发的编程语言。其程序设计兼顾底层语言的性能与控制，并不失高级语言强大的抽象能力。其特性适合那些有类 C 语言经验，正在寻找更安全的替代品的开发者；同样适合有着类 Python 语言背景，寻求在不牺牲表现力的前提下，编写更高性能代码的开发者。 本书的目标读者至少应了解一门其它编程语言。阅读本书之后，你
-
英文原文：http://emberjs.com/guides/getting-started/index.html 欢迎来到Ember.js世界！本入门指南将使用Ember.js来创建一个简单的应用，并简单介绍整个框架背后的一些核心概念。阅读本指南需要熟悉一些基本的Web技术，比如Javascript、HTML、CSS和一些诸如浏览器Web审查器。 本入门指南采用非常流行的TodoMVC示例 应用
-
什么是 Handlebars？ Handlebars 是一种简单的 模板语言。 它使用模板和输入对象来生成 HTML 或其他文本格式。Handlebars 模板看起来像常规的文本，但是它带有嵌入式的 Handlebars 表达式 。template <p>{{firstname}} {{lastname}}</p> Handlebars 表达式是一个 {{，一些内容，后跟一个 }}。执行模板时，
-
本文向大家介绍IOS Bundle详细介绍及使用方法，包括了IOS Bundle详细介绍及使用方法的使用技巧和注意事项，需要的朋友参考一下 什么是Bundle？ A bundle is a directory with a standardized hierarchical structure that holds executable code and the resources used by