jQuery fadeToggle() 方法

jQuery 教程 · 2019-03-27 07:14:33

实例

不同盒子淡入和淡出的切换：

$("button").click(function(){
$("#div1").fadeToggle();
});

定义和用法

fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。

如果元素是淡出显示的，fadeToggle() 会使用淡入效果显示它们。

如果元素是淡入显示的，fadeToggle() 会使用淡出效果显示它们。

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

语法

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

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

参数

描述

speed

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

可能的值：

毫秒
"slow"
"fast"

easing

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

可能的值：

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

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

callback

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

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

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

查看所有标签

码农书籍

算法与数据结构

张乃孝 / 高等教育出版社 / 2006-1 / 31.00元

《算法与数据结构:C语言描述(第2版)》以数据结构为主线，算法为辅线组织教学内容。全书共分10章：绪论、线性表、字符串、栈与队列、二叉树与树、集合与字典、高级字典结构、排序、图和算法分析与设计。《算法与数据结构:C语言描述(第2版)》体系完整，概念清楚，内容充实，取材适当。第一版被列入“面向21世纪课程教材”，2004年被评为“北京市高等教育精品教材”，第二版被列入普通高等教育“十一五”国家级规划......一起来看看《算法与数据结构》这本书的介绍吧!

码农工具

话题

教程

Tips

namespace HelloWorld
{
    class Program
    {
        static void Main(string[] args)
        {
            System.Console.Write("Hello, World!");
        }
    }
}

jQuery fadeToggle() 方法

实例

定义和用法

语法

算法与数据结构

Base64 编码/解码

XML、JSON 在线转换

Markdown 在线编辑器