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

查看所有标签

码农书籍

MySQL技术内幕

姜承尧 / 机械工业出版社 / 2013-5 / 79.00元

《MySQL技术内幕:InnoDB存储引擎(第2版)》由国内资深MySQL专家亲自执笔，国内外多位数据库专家联袂推荐。作为国内唯一一本关于InnoDB的专著，《MySQL技术内幕:InnoDB存储引擎(第2版)》的第1版广受好评，第2版不仅针对最新的MySQL 5.6对相关内容进行了全面的补充，还根据广大读者的反馈意见对第1版中存在的不足进行了完善，《MySQL技术内幕:InnoDB存储引擎(第2......一起来看看《MySQL技术内幕》这本书的介绍吧!

码农工具

文章

话题

教程

Tips

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

jQuery fadeToggle() 方法

实例

定义和用法

语法

MySQL技术内幕

XML、JSON 在线转换

UNIX 时间戳转换

RGB CMYK 转换工具