jQuery Effect fadeOut() 方法

jQuery 教程 · 2019-03-27 06:44:46

实例

使用淡出效果显示所有 <p> 元素：

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

定义和用法

fadeOut() 方法逐渐改变被选元素的不透明度，从可见到隐藏（褪色效果）。

注释：隐藏的元素不会被完全显示（不再影响页面的布局）。

提示：该方法通常与 fadeIn() 方法一起使用。

语法

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

参数	描述
speed	可选。规定褪色效果的速度。可能的值：毫秒 "slow" "fast"
easing	可选。规定在动画的不同点上元素的速度。默认值为 "swing"。可能的值： "swing" - 在开头/结尾移动慢，在中间移动快 "linear" - 匀速移动提示：扩展插件中提供更多可用的 easing 函数。
callback	可选。fadeOut() 方法执行完之后，要执行的函数。如需学习更多有关 callback 的内容，请访问我们的 jQuery Callback 这一章。

参数

描述

speed

可选。规定褪色效果的速度。

可能的值：

毫秒
"slow"
"fast"

easing

可选。规定在动画的不同点上元素的速度。默认值为 "swing"。

可能的值：

"swing" - 在开头/结尾移动慢，在中间移动快
"linear" - 匀速移动

提示：扩展插件中提供更多可用的 easing 函数。

callback

可选。fadeOut() 方法执行完之后，要执行的函数。

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

点击查看所有 jQuery 教程文章: https://codercto.com/courses/l/35.html

查看所有标签

码农书籍

长尾理论

[美]克里斯·安德森 / 中信出版集团股份有限公司 / 2015-8-1 / 59.00元

互联网时代，大众市场不再一统天下，小众市场也可以呼风唤雨。在《长尾理论》一书中，克里斯·安德森详细阐释了长尾的精华所在，指出商业和文化的未来不在于传统需求曲线上那个代表“畅销商品”的头部，而是那条代表“冷门商品”的经常被人遗忘的长尾。尽管我们仍然对热门商品着迷，但它们对消费者的吸引力已经大不如从前，因为市场已经大大分化。黄金电视节目的收视率几十年来一直在萎缩，若是在七八十年代，现在的一档最......一起来看看《长尾理论》这本书的介绍吧!

码农工具

文章

话题

教程

Tips

package main
func main() {
    println("Hello, World!")
}

jQuery Effect fadeOut() 方法

实例

定义和用法

语法

长尾理论

JS 压缩/解压工具

RGB转16进制工具

RGB HSV 转换