jquery中fadeIn()方法与fadeOut()方法(示例)
发布时间：2015-12-01 编辑：jiaochengji.com
介绍下jquery中fadeIn()方法与fadeOut()方法的用法，分享一个小例子，用于理解与掌握fadeIn()方法与fadeOut()方法的应用。
本节内容：
fadeIn()方法与fadeOut()方法
fadeIn()方法和fadeOut()方法值改变元素的不透明度。
fadeOut()方法会在指定的一段事件内降低元素的不透明度，直到元素完全消失（“dispaly:none;”）。fadeIn()方法则相反。
如果只想改变“内容”的不透明度，而不想改变其高度和宽度，就可以使用fadeOut()方法。
代码：
复制代码 代码示例:
$(function() {
$("#panel h5.head").toggle(function() {
$(this).next().fadeOut();
}, function() {
$(this).next().fadeIn();
});
});
$("#panel h5.head").toggle(function() {
$(this).next().fadeOut();
}, function() {
$(this).next().fadeIn();
});
});
当第一次单击“标题”链接后，“内容”慢慢地消失了，当再次单击“标题”链接后，“内容”又慢慢地显示了。
您可能感兴趣的文章：
jquery中fadeIn()方法与fadeOut()方法(示例)
JQuery fadein与fadeout方法的例子
jquery必须知道的一些常用特效方法及使用示例(整理)
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
jquery show、hide、fadeIn、fadeOut、slideUp等的用法
Jquery实现显示隐藏动态效果的例子
jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
jQuery 动态酷效果实现总结
jquery中show、fadeOut、Animate的综合示例
JQuery 插件制作实践 xMarquee插件V1.0
[关闭]