jQuery slideDown() 方法

jQuery slideDown() 方法

jQuery 效果方法 jQuery 效果方法

实例

以滑动方式显示所有隐藏的 <p> 元素:

$("button").click(function(){
$("p").slideDown();
});

尝试一下 »

定义和用法

slideDown() 方法以滑动方式显示被选元素。

注意:slideDown() 适用于通过 jQuery 方法隐藏的元素,或在 CSS 中声明 display:none 隐藏的元素(不适用于通过 visibility:hidden 隐藏的元素)。

提示:如需以滑动方式隐藏元素,请查看 slideUp() 方法。

语法

$(selector).slideDown(speed,easing,callback)

参数 描述
speed 可选。规定滑动效果的速度。

可能的值:

  • 毫秒
  • "slow"
  • "fast"
easing 可选。规定在动画的不同点上元素的速度。默认值为 "swing"。

可能的值:

  • "swing" - 在开头/结尾移动慢,在中间移动快
  • "linear" - 匀速移动
提示:扩展插件中提供更多可用的 easing 函数。
callback 可选。slideDown() 方法执行完之后,要执行的函数。

如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。



实例

更多实例

slideDown() - 使用 speed 参数
如何使用 speed 参数来规定滑动效果的速度。

slideDown() - 使用 callback 参数
当向上和向下滑动被选元素时,如何使用 callback 参数。


jQuery 效果方法 jQuery 效果方法

目录

jQuery 教程

jQuery 教程导读
jQuery 简介
jQuery 安装
jQuery 语法
jQuery 选择器
jQuery 事件

jQuery 效果

jQuery 效果 – 隐藏和显示
jQuery 效果 – 淡入淡出
jQuery 效果 – 滑动
jQuery 效果 – 动画
jQuery 效果 – 停止动画
jQuery Callback 方法
jQuery Chaining

jQuery HTML

jQuery 捕获
jQuery 设置
jQuery 添加元素
jQuery 删除元素
jQuery CSS 类
jQuery css() 方法
jQuery 尺寸

jQuery 遍历

jQuery 遍历
jQuery 遍历 – 祖先
jQuery 遍历 – 后代
jQuery 遍历 – 同胞(siblings)
jQuery 遍历 – 过滤

jQuery Ajax

jQuery AJAX 简介
jQuery – AJAX load() 方法
jQuery – AJAX get() 和 post() 方法

jQuery 其他

jQuery 与其他框架兼容

jQuery 实例

jQuery 实例
jQuery 编程实战闯关

jQuery 参考手册

jQuery 选择器
jQuery 事件方法
jQuery 效果方法
jQuery HTML / CSS 方法
jQuery 遍历方法
jQuery AJAX 方法
jQuery 杂项方法
jQuery 属性

jQuery 插件

jQuery Validate插件(表单验证)
jQuery Accordion插件(折叠菜单)
jQuery Cookie 插件
jQuery Autocomplete插件(自动补齐)
jQuery Growl 插件(消息提醒)
jQuery Password Validation(密码验证)
jQuery Prettydate
jQuery Tooltip
jQuery Treeview

拓展阅读

多个精美的jquery进度条代码素材下载
jquery下拉菜单(导航)代码汇总下载
12个方便易用的jquery表单验证插件推荐下载
8个优质jquery分页插件推荐下载
jQuery 3.0 新增了哪些特性?(jQuery 3 所引入的那些最重要的变化)
jQuery 备忘单

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }