• 首页 Home
• 服务 Service
• 案例 Case
• 关于 About
• 新闻 News
• 联系 Contact

Tel：028-86922220 我有需求

$(selector).fadeOut(speed,easing,callback)

	
		
		
		
	

	
		
以下实例演示了 fadeOut()  使用了不同参数的效果。
		点击渐隐div元素。
		


		

2、fadeTo() 方法

fadeTo() 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）。

语法:

$(selector).fadeTo(speed,opacity,callback);

• 必需的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

• fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。

• 可选的 callback 参数是该函数完成后所执行的函数名称。

只需要将opacityc参数的值设置为0，即可实现渐隐效果。

$(document).ready(function() {
	$("button").click(function() {
		$("#div1").fadeTo("fast",0);
		$("#div2").fadeTo("slow",0);
		$("#div3").fadeTo(3000,0);
	});
});

3、fadeToggle() 方法

fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。

• 如果元素已隐藏，则 fadeToggle() 会向元素添加淡入效果。

• 如果元素已显示，则 fadeToggle() 会向元素添加淡出效果。

$(document).ready(function() {
	$("button").click(function() {
		$("#div1").fadeToggle();
		$("#div2").fadeToggle("slow");
		$("#div3").fadeToggle(5000);
	});
});

关于“jquery如何实现div渐隐效果”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“jquery如何实现div渐隐效果”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注创新互联行业资讯频道。