会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 128778个问题
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 170楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 171楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 172楼
JAVA 全系列/第四阶段:网页编程和设计/CSS3(旧) 173楼
JAVA 全系列/第四阶段:网页编程和设计/CSS3(旧) 174楼

使用老师的源码运行,并没有动画效果,怎么回事呀

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#div1{
				
				height: 300px;
				
				background-color: green;
				
			}
			
			#div2{
				
				height: 300px;
				
				background-color: yellow;
				
				
				
			}
		</style>
		
		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			
			  $(function(){
			  	  $("#bu1").click(function(){
			  	  	
			  	  	  //获得div对象
			  	  	  var  div1 =$("#div1");
			  	  	  
			  	  	  //3s隐藏动画
//			  	  	  div1.hide(3000);
			  	  	  
//			  	  	  div1.show(3000);
                      //隐藏的显示 ---显示的隐藏
                      //$("div").toggle(3000);
                     //滑动上
//                   div1.slideUp(3000);
                     //滑动下
//                   div1.slideDown(3000);
                     //滑动上--滑动下    滑动下---滑动上
//                   $("div").slideToggle(3000);
                   
                     //淡出
                     div1.fadeOut(3000);
                     //淡入
                     div1.fadeIn(3000);
			  	  	
			  	  })
			  	  
			  	  
			  	
			  	
			  	
			  })
			
			
			
		</script>
		
	</head>
	<body>
		
		<input type="button" id="bu1" value='动画触发'>
		
		<hr />
		
		<div id="div1"></div>
		
		<div id="div2"></div>
		
		
	</body>
</html>


JAVA 全系列/第四阶段:网页编程和设计/Jquery(旧) 175楼
JAVA 全系列/第四阶段:网页编程和设计/Jquery(旧) 177楼
JAVA 全系列/第四阶段:网页编程和设计/Jquery(旧) 178楼
JAVA 全系列/第四阶段:网页编程和设计/Javascript 语言(旧) 180楼

百战程序员微信公众号

百战程序员微信小程序

©2014-2024 百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637