• 网站建设
• 网站制作
• 建站案例
• 解决方案
• 建站资讯
• 关于我们
• 联系小谭

$(selector).fadeIn(speed,callback);

	
		
		
		
	

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


		

2、fadeTo() 方法

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

语法:

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

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

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

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

只需要将opacityc参数的值设置为1，即可实现淡入效果。

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

3、fadeToggle() 方法

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

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

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

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

读到这里，这篇“jquery淡入的方法是什么”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注创新互联行业资讯频道。