jQuery delay() 方法
2021-07-01 18:05
标签：实例 用法 http reference cdn document 默认 table html delay() 方法对队列中的下一项的执行设置延迟。 可能的值： 默认是 "fx"，标准效果队列。 实例代码 jQuery delay() 方法 标签：实例 用法 http reference cdn document 默认 table html 原文地址：http://www.cnblogs.com/empist/p/7131736.html定义和用法
语法
参数
描述
speed
可选。规定延迟的速度。
queueName
可选。规定队列的名称。
script src="http://cdn.static.runoob.com/libs/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>这个实例使用 delay() 方法来设置不同的速度值。 p>
button>点击按钮，显示多个的 div 框。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>
文章标题：jQuery delay() 方法
文章链接：http://soscw.com/index.php/essay/100429.html