登陆提交后淡进淡出提示。

最新推荐文章于 2016-11-02 17:00:06 发布

sunvsjay1890

最新推荐文章于 2016-11-02 17:00:06 发布

阅读量477

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/sunvsjay1890/article/details/8685917

本文介绍了一种使用jQuery实现的元素淡入淡出效果。通过点击触发元素显示与隐藏的过渡动画，提供了完整的HTML与JavaScript代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

淡进淡出代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
   <script src="scripts/jquery-1.4.2.js" type="text/javascript"></script>
	<script type="text/javascript">   
		$(document).ready(function(){   
			$("#hit").click(function(){   
				//$("#show").fadeIn("slow");  
				$("#show").fadeIn("slow").delay(3000).fadeOut("fast");  
			})   
			$("#close").click(function(){   
				$("#show").fadeOut("slow");   
				//$("#show").hide("slow");  //1.3.1方法  
			})   
									  
		})      
	</script>  
 </head>
 <body>
	<a href="javascript:;" id="hit">点击展开</a>  
	<a href="javascript:;" id="close">点击展开</a>  
	<div style="width:300px; background-color:#ffefa4; border:1px #FF9900 solid; text-align:left; padding:5px; line-height:150%; color:#dc6800;display:none;font-size:12px;" id="show">我知道我们都没有错，只是望了怎么退后。</div>
 </body>
</html>