6.jQuery动画

最新推荐文章于 2024-07-10 21:37:49 发布

「已注销」

最新推荐文章于 2024-07-10 21:37:49 发布

阅读量870

点赞数

分类专栏： jQuery 文章标签： jquery 开发语言 java javascript

本文链接：https://blog.csdn.net/qq_67192586/article/details/123962147

版权

jQuery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<script type="text/javascript" src="./jquery-1.8.3.min.js"></script>
	<script type="text/javascript">
		function a(){
			$("#myimg").hide();
		}
		
		function b(){
			$("#myimg").show();
		}
		
		function c(){
			$("#myimg").hide(3000);
		}
		
		function d(){
			$("#myimg").show(3000);
		}
		
		function e(){
			$("#myimg").fadeOut(3000);
		}
		
		function f(){
			$("#myimg").fadeIn(3000);
		}
		
		function g(){
			$("#myimg").slideDown(3000);
		}
		
		function h(){
			$("#myimg").slideUp(3000);
		}
	</script>
  </head>
  <body>
		<input type="button" value="立刻隐藏" onclick="a()" />
		<input type="button" value="立刻显示" onclick="b()" /><br/>
		
		<input type="button" value="3秒隐藏" onclick="c()" />
		<input type="button" value="3秒显示" onclick="d()" /><br/>
		                           
		<input type="button" value="3秒淡出" onclick="e()" />
		<input type="button" value="3秒淡入" onclick="f()" /><br/>
		                            
		<input type="button" value="3秒滑入" onclick="g()" />
		<input type="button" value="3秒滑出" onclick="h()" /><br/>
		<img id="myimg" src="./anim.jpg" width="300px"/>
  </body>
</html>