jQuery特效（一）-营山大橙子建站

新闻中心

这里有您想知道的互联网营销解决方案

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://scyingshan.cn/article/pdesje.html

新闻中心

其他资讯