`

jQuery 效果 - fadeOut() 方法

 
阅读更多

更多参考:http://www.w3school.com.cn/jquery/jquery_effects.asp

jQuery 效果 - fadeOut() 方法

实例

使用淡出效果来隐藏一个 <p> 元素:

$(".btn1").click(function(){
  $("p").fadeOut();

});

亲自试一试

定义和用法

fadeIn() 方法使用淡出效果来隐藏被选元素,假如该元素是隐藏的。

语法

$(selector
).fadeOut(speed
,callback
)
参数 描述
speed

可选。规定元素从可见到隐藏的速度。默认为 "normal"。

可能的值:

  • 毫秒 (比如 1500)
  • "slow"
  • "normal"
  • "fast"

在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其透明度(这样会创造淡出效果)。

callback

可选。fadeOut 函数执行完之后,要执行的函数。

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

除非设置了 speed 参数,否则不能设置该参数。

提示和注释

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

分享到:
评论

相关推荐

    jQuery动画效果-fadeIn fadeOut淡入浅出示例代码

    jQuery动画效果淡入浅出想必大家都有见到过吧,其实很很简单,通过fadeIn fadeOut方法便可轻松实现,具体如下,喜欢的朋友可以参考下,希望对大家有所帮助

    jQuery权威指南-源代码

    5.3.1 fadeIn()与fadeOut()方法/135 5.3.2 fadeTo()方法/137 5.4 自定义动画/139 5.4.1 简单的动画/140 5.4.2 移动位置的动画/141 5.4.3 队列中的动画/144 5.4.4 动画停止和延时/146 5.5 动画效果综述/148 ...

    jQuery使用fadeout实现元素渐隐效果的方法

    主要介绍了jQuery使用fadeout实现元素渐隐效果的方法,实例分析了jQuery中fadeout方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    jQuery中fadein与fadeout方法用法示例

    主要介绍了jQuery中fadein与fadeout方法用法,结合实例形式分析了jQuery使用fadein与fadeout方法实现页面元素淡入淡出效果的相关技巧,需要的朋友可以参考下

    jquery插件使用方法大全

    可以用来添加不向外部公开的方法,或者对jQuery的某些方法进行重新定义以提供新功能,或者提供更好的封装、避免名称空间冲突。当然,也可以用来开发插件,但Resig强烈建议在开发插件之前,先考虑jQuery UI widget...

    jquery (show,fadeOut,Animate)简单效果

    jquery (show,fadeOut,Animate)简单效果,需要的朋友可以参考下。

    jQuery实现基本淡入淡出效果的方法详解

    本文实例讲述了jQuery实现基本淡入淡出效果的方法。分享给大家供大家参考,具体如下: jQuery fadeIn()方法:用于淡入已隐藏的元素 jQuery fadeOut()方法:用于淡出可见的元素 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt...

    jQuery鼠标悬停逐渐加载遮罩阴影效果

    鼠标悬停后,逐渐加载一个图片阴影遮罩效果,主要采用jQuery的 fadeIn fadeOut 参数实现 默认遮罩层隐藏,鼠标移动到当前图片上后显示 鼠标移走后遮罩层消失 使用方法: 1、将index.html中的css...

    C#WinFrom制作类似JQuery的Animate方法的效果代码

    C#的WinFrom程序把控件制作出类似JQuery的Animate方法的各种效果,fadeIn,fadeOut,展开,合并等效果

    JQuery权威指南源代码

    fadeIn()和fadeOut()方法 fadeTo()方法 简单的动画 移动位置的动画 队列中的动画 动画停止和延时 动画方式浏览图片 第6章 传统的JavaScript方法实现Ajax功能 load()方法实现Ajax功能 getJSON函数获取数据 ...

    jquery1.11.0手册

    fadeOut([s],[e],[fn]) fadeTo([[s],o,[e],[fn]]) fadeToggle([s,[e],[fn]]) 自定义 animate(p,[s],[e],[fn])1.8* stop([c],[j])1.7* delay(d,[q]) finish([queue])1.9+ 设置 jQuery.fx.off jQuery.fx....

    jQuery fadeOut 异步实例代码详解

    fadeOut() 方法逐渐改变被选元素的不透明度,从可见到隐藏(褪色效果)。这篇文章给大家介绍jquery fadeout异步实例代码,感兴趣的朋友一起看下吧

    jQuery 效果 方法

    jQuery 效果 方法 jQuery 效果方法 下面的表格列出了所有用于创建动画效果的 jQuery 方法。 方法 描述 animate() 对被选元素应用”自定义”的动画 clearQueue() 对被选元素移除所有排队函数(仍未运行的) ...

    jQuery 1.4.1 中文参考

    9.3.2 fadeOut(speed, [callback]) 153 9.3.3 fadeTo(speed, opacity, [callback]) 154 9.4 自定义 155 9.4.1 animate(params, [duration], [easing], [callback]) 155 9.4.2 animate(params, options) 157 9.4.3 ...

    jQuery权威指南366页完整版pdf和源码打包

    5.1.2 动画效果的show()与hide()方法 5.1.3 toggle()方法 5.2 滑动 5.2.1 slidedown()与slideup方法 5.2.2 slidetoggle()方法 5.3 淡入淡出 5.3.1 fadein()与fadeout()方法 5.3.2 fade...

    浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别

    很多朋友在学习jQuery的时候 会遇到这个问题 ,hide和 fadeOut都可以带有参数: $(selector).hide(speed,callback); $(selector).fadeOut(speed,callback); 首先我们从名字上就可以看出 hide是隐藏而fadeOut是淡出,...

    Jquery幻灯片轮播插件090810版

    支持一个页面多个幻灯片组调用,每个幻灯片组可以自定义CSS样式,图片切换效果支持fadeOut、hide(图片渐入)、slideUp(图片往上移入)、slideDown(图片往下移入). 调用方法 $(function() { 对象.Slider({width: 500,...

Global site tag (gtag.js) - Google Analytics