jQuery特效(一)

一、隐藏与显示   

创新互联专注于纳溪网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供纳溪营销型网站建设,纳溪网站制作、纳溪网页设计、纳溪网站官网定制、小程序制作服务,打造纳溪网络公司原创品牌,更为您提供纳溪网站排名全网营销落地服务。



	
		
		
		
		
		
	
	
		
		
		
	


$(document).ready(function(){
	$("#hide").click(function(){
		$("p").hide(1000);
	});
	$("#show").click(function(){
		$("p").show(1000);
	});
	$("#toggle").click(function(){
		$("p").toggle(500);
	});
});

div{
	background: aqua;
	width: 50px;
	height: 50px;
	margin: 2px;
	float: left;
}


二、淡入淡出 



	
		
		
		
		
	
	
		fadeIn
		fadeOut
		fadeToggle
		fadeTo
		
$(document).ready(function(){ $("#in").on("click",function(){ $("#div1").fadeIn(1000); $("#div2").fadeIn(1000); $("#div3").fadeIn(1000); }); $("#out").on("click",function(){ $("#div1").fadeOut(1000); $("#div2").fadeOut(1000); $("#div3").fadeOut(1000); }); $("#toggle").on("click",function(){ $("#div1").fadeToggle(1000); $("#div2").fadeToggle(1000); $("#div3").fadeToggle(1000); }); $("#to").on("click",function(){ $("#div1").fadeTo(1000,0.5); $("#div2").fadeTo(1000,0.7); $("#div3").fadeTo(1000,0.3); }); });












当前题目:jQuery特效(一)
文章地址:http://pwwzsj.com/article/pdesje.html

其他资讯