当前位置: 编程技术>jquery
jquery中fadeIn()方法与fadeOut()方法(示例)
来源: 互联网 发布时间：2014-10-04
本文导语: 本节内容： fadeIn()方法与fadeOut()方法 fadeIn()方法和fadeOut()方法值改变元素的不透明度。 fadeOut()方法会在指定的一段事件内降低元素的不透明度，直到元素完全消失（“dispaly:none;”）。fadeIn()方法则相反。 如果只想改变“内容...
本节内容：
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();
});
});
当第一次单击“标题”链接后，“内容”慢慢地消失了，当再次单击“标题”链接后，“内容”又慢慢地显示了。
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。