更多参考: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 函数
分享到:
相关推荐
"$().fadeIn()"和"$().fadeOut()"实现元素的淡入淡出,"$().slideToggle()"完成滑动显示和隐藏,"$().animate()"允许自定义复杂的动画效果,包括改变CSS属性如宽度、高度、透明度等。 Ajax在jQuery中被封装得易于...
- **动画**:`fadeIn()`, `fadeOut()`, `slideToggle()`, `animate()`等提供平滑的动画效果。 - **Ajax**:`$.ajax()`, `$.get()`, `$.post()`, `getJSON()`等方法简化了与服务器的数据交互。 ### 5. 兼容性和性能...
- `$(element).fadeIn()`/`.fadeOut()`:元素淡入淡出效果。 - `$(element).slideToggle()`:元素滑动显示或隐藏。 - `$(element).animate()`:自定义动画,可以控制速度、缓动函数等。 6. **Ajax交互** - `$....
jQuery的动画效果是其魅力所在,`fadeIn()`, `fadeOut()`, `slideToggle()`等方法用于实现淡入淡出、滑动显示等常见动画。`animate()`方法则可以自定义复杂的动画效果,包括改变CSS属性、高度、宽度等。 五、Ajax...
jQuery的动画功能强大,`.fadeIn()`, `.fadeOut()`, `.slideToggle()`等方法可实现平滑的过渡效果。`animate()`方法允许自定义动画,实现更复杂的效果。 六、AJAX操作 jQuery的`.ajax()`函数是进行异步数据请求的...
- **基本动画(Basic Animations)**:`.fadeIn()`, `.fadeOut()`, `.slideToggle()` 等方法创建平滑过渡效果。 - **自定义动画(Custom Animations)**:使用 `.animate()` 方法可以创建自定义动画,如改变宽高、...
4. **动画效果**:jQuery的`.animate()`方法可以创建自定义动画效果,配合`.show()`, `.hide()`, `.fadeIn()`, `.fadeOut()`等方法,可以实现丰富的页面动态效果。 5. **Ajax交互**:`.ajax()`, `.get()`, `.post()...
4. **动画**: jQuery 动画功能强大,包括 `fadeIn()`, `fadeOut()`, `slideToggle()` 等,使得创建复杂的视觉效果变得简单。 5. **Ajax**: jQuery 的 `$.ajax()` 方法简化了异步数据获取,支持 JSON, XML, HTML 等...
同时,`.fadeIn()`、`.fadeOut()`、`.slideToggle()`等预定义动画效果则提供了常见场景的便捷解决方案。 四、Ajax请求 jQuery的Ajax模块简化了异步数据交互,`.ajax()`是其核心,支持GET和POST等多种HTTP请求方式...
动画效果是jQuery的亮点,$.fn.animate()方法允许开发者创建自定义动画,而$.fn.slideToggle()、$.fn.fadeIn()、$.fn.fadeOut()等预定义的动画函数则提供了常见的过渡效果。 最后,jQuery-2.2.4.js版本中还包含了...
- **动画效果**:jQuery的动画功能强大,如淡入淡出(fadeIn(), fadeOut())、滑动(slideUp(),slideDown())等,让网页动态效果的实现变得简单。 - **Ajax交互**:$.ajax()函数封装了XMLHttpRequest,提供了异步...
jQuery 动画功能强大,$(selector).fadeIn() 和 $(selector).fadeOut() 分别实现淡入淡出效果,$(selector).slideToggle() 则实现滑动切换。$.animate() 方法可以自定义复杂的动画效果,通过指定CSS属性的变化来创建...
4. **动画效果**:JQuery的`animate()`方法可以创建自定义动画效果,如改变元素的宽度、高度、透明度等。此外,还有`fadeIn()`, `fadeOut()`, `slideToggle()`等预定义的动画。 5. **Ajax交互**:JQuery封装了Ajax...
可以使用`.fadeOut()`和`.fadeIn()`方法实现平滑的过渡效果,这两者分别用于淡出当前显示的图片和淡入下一张图片。配合`.delay()`方法可以设定间隔时间,以控制图片切换的速度。同时,为了实现无限循环,当最后一张...
jQuery 提供了丰富的插件和方法来实现这一功能。 幻灯片实例通常包括以下组件和特性: 1. 图片轮播:幻灯片的基础是图片轮播,它可以自动或手动切换多张图片,每张图片展示一段时间后自动滑向下一幅。 2. 控制...
- `fadeIn()`, `fadeOut()`: 实现元素的淡入淡出效果。 - `slideToggle()`: 滑动显示或隐藏元素。 - `animate()`: 自定义平滑动画,可以改变CSS属性。 **6. Ajax交互** jQuery的`$.ajax()`函数是核心的Ajax方法,...
6. **链式操作**:jQuery的API设计为返回jQuery对象,使得方法调用可以串联,如`$('div').addClass('highlight').fadeOut(500);`。 然而,需要注意的是,`jquery-1.3.2-vsdoc.js`仅适用于jQuery 1.3.2版本,随着...
4. **动画效果**:`$.animate()`函数可以创建自定义的动画效果,配合`.fadeIn()`, `.fadeOut()`, `.slideToggle()`等预设动画,为网页增添动态魅力。 5. **Ajax交互**:`.ajax()`, `.get()`, `.post()`等方法让异步...
`fadeIn()`, `fadeOut()`, `slideToggle()`等方法让开发者可以轻松创建各种过渡效果。1.7.1版本在此基础上进行了性能提升,同时增加了更精确的控制选项,如定时器和动画队列,让开发者可以更好地控制动画的执行顺序...
4. **动画效果**:jQuery的`animate()`函数可以创建自定义动画,而`fadeIn()`, `fadeOut()`, `slideToggle()`等方法则提供了常见的过渡效果。 5. **Ajax**:jQuery的`$.ajax()`函数用于进行异步数据请求,`$.get()`...