jQuery 效果方法summary

更新日期: 2019-12-09阅读: 2.1k标签: 效果分享

复制链接

新浪微博

QQ 好友

扫一扫分享

1. jquery 效果 - slideDown() 方法

定义和用法

slideDown() 方法通过使用滑动效果，显示隐藏的被选元素。（被选元素的高度发生变化）

$(selector).slideDown(speed,callback)

speed

可选。规定元素从隐藏到可见的速度（或者相反）。默认为 "normal"。

可能的值：

毫秒（比如 1500）
"slow"
"normal"
"fast"

在设置速度的情况下，元素从隐藏到可见的过程中，会逐渐地改变其高度。

callback

可选。slideDown 函数执行完之后，要执行的函数。

注释：该效果适用于通过 jQuery 隐藏的元素，或在 css 中声明 display:none 的元素（但不适用于 visibility:hidden 的元素）。

2.jQuery 效果 - slideUp() 方法

定义和用法

通过使用滑动效果，隐藏被选元素，如果元素已显示出来的话。

$(selector).slideUp(speed,callback)

参数	描述
speed	可选。规定元素从可见到隐藏的速度（或者相反）。默认为 "normal"。可能的值：毫秒（比如 1500） "slow" "normal" "fast" 在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度（这样会创造滑动效果）。
callback	可选。slideUp 函数执行完之后，要执行的函数。

参数

描述

speed

可选。规定元素从可见到隐藏的速度（或者相反）。默认为 "normal"。

可能的值：

毫秒（比如 1500）
"slow"
"normal"
"fast"

在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度（这样会创造滑动效果）。

callback

可选。slideUp 函数执行完之后，要执行的函数。

提示：如果元素已经隐藏，则该效果不产生任何变化，除非规定了 callback 函数。

3. jQuery 效果 - slideToggle() 方法

定义和用法

slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。

如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。

语法

$(selector).slideToggle(speed,callback)

参数	描述
speed	可选。规定元素从隐藏到可见的速度（或者相反）。默认为 "normal"。可能的值：毫秒（比如 1500） "slow" "normal" "fast" 在设置速度的情况下，元素在切换的过程中，会逐渐地改变其高度（这样会创造滑动效果）。
callback	可选。toggle 函数执行完之后，要执行的函数。

参数

描述

speed

可选。规定元素从隐藏到可见的速度（或者相反）。默认为 "normal"。

可能的值：

毫秒（比如 1500）
"slow"
"normal"
"fast"

在设置速度的情况下，元素在切换的过程中，会逐渐地改变其高度（这样会创造滑动效果）。

callback

可选。toggle 函数执行完之后，要执行的函数。

4. 层级菜单的实现！

less is more！

二级菜单(子)要放到一级菜单（父）下面，然后给一级菜单元素绑定方法！二级菜单采取绝对定位！

5. attr() 方法设置或返回被选元素的属性值。设置被选元素的属性和值。

链接: https://fly63.com/article/detial/7210