更多参考: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方法便可轻松实现,具体如下,喜欢的朋友可以参考下,希望对大家有所帮助
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中fadein与fadeout方法用法,结合实例形式分析了jQuery使用fadein与fadeout方法实现页面元素淡入淡出效果的相关技巧,需要的朋友可以参考下
可以用来添加不向外部公开的方法,或者对jQuery的某些方法进行重新定义以提供新功能,或者提供更好的封装、避免名称空间冲突。当然,也可以用来开发插件,但Resig强烈建议在开发插件之前,先考虑jQuery UI widget...
jquery (show,fadeOut,Animate)简单效果,需要的朋友可以参考下。
本文实例讲述了jQuery实现基本淡入淡出效果的方法。分享给大家供大家参考,具体如下: jQuery fadeIn()方法:用于淡入已隐藏的元素 jQuery fadeOut()方法:用于淡出可见的元素 <!DOCTYPE html> <html> <...
鼠标悬停后,逐渐加载一个图片阴影遮罩效果,主要采用jQuery的 fadeIn fadeOut 参数实现 默认遮罩层隐藏,鼠标移动到当前图片上后显示 鼠标移走后遮罩层消失 使用方法: 1、将index.html中的css...
C#的WinFrom程序把控件制作出类似JQuery的Animate方法的各种效果,fadeIn,fadeOut,展开,合并等效果
fadeIn()和fadeOut()方法 fadeTo()方法 简单的动画 移动位置的动画 队列中的动画 动画停止和延时 动画方式浏览图片 第6章 传统的JavaScript方法实现Ajax功能 load()方法实现Ajax功能 getJSON函数获取数据 ...
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....
fadeOut() 方法逐渐改变被选元素的不透明度,从可见到隐藏(褪色效果)。这篇文章给大家介绍jquery fadeout异步实例代码,感兴趣的朋友一起看下吧
jQuery 效果 方法 jQuery 效果方法 下面的表格列出了所有用于创建动画效果的 jQuery 方法。 方法 描述 animate() 对被选元素应用”自定义”的动画 clearQueue() 对被选元素移除所有排队函数(仍未运行的) ...
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 ...
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都可以带有参数: $(selector).hide(speed,callback); $(selector).fadeOut(speed,callback); 首先我们从名字上就可以看出 hide是隐藏而fadeOut是淡出,...
支持一个页面多个幻灯片组调用,每个幻灯片组可以自定义CSS样式,图片切换效果支持fadeOut、hide(图片渐入)、slideUp(图片往上移入)、slideDown(图片往下移入). 调用方法 $(function() { 对象.Slider({width: 500,...