jquery delay()介绍及使用指南_jquery
程序员文章站
2022-04-19 12:17:10
...
delay(duration,[queueName])
设置一个延时来推迟执行队列中之后的项目。
jQuery 1.4新增。用于将队列中的函数延时执行。他既可以推迟动画队列的执行,也可以用于自定义队列。
duration:延时时间,单位:毫秒
queueName:队列名词,默认是Fx,动画队列。
参数 | 描述 |
---|---|
speed | 可选。规定延迟的速度。
可能的值:
|
queueName | 可选。规定队列的名称。 默认是 "fx",标准效果队列。 |
$("button").click(function(){ $("#div1").delay("slow").fadeIn(); $("#div2").delay("fast").fadeIn(); });
完整测试代码:
This example sets different speed values for the delay() method.
例:
头部与底部延迟加载动画效果
$(document).ready(function() { $('#header') .css({ 'top':-50 }) .delay(1000) .animate({'top': 0}, 800); $('#footer') .css({ 'bottom':-15 }) .delay(1000) .animate({'bottom': 0}, 800); });
推荐阅读
-
jQuery实现动态添加、删除按钮及input输入框的方法
-
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
-
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
-
JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例
-
CSS3 border-image详解、应用及jQuery插件
-
jquery 动态创建元素的方式介绍及应用
-
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
-
jQuery Validate 相关参数及常用的自定义验证规则
-
jQuery.cookie.js使用方法及相关参数解释
-
快速解决jquery之get缓存问题的最简单方法介绍