我们做这样一个实例:
有两个按钮,点击淡入,有一个div层淡入,点击淡出,div层淡出:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.div{width: 300px;height: 300px;background-color: red;display: none;}
</style>
<script type="text/javascript" src="js/jquery.js" ></script>
<script>
$(function(){
$("#btn").click(function(){
$(".div").fadeIn();
});
$("#btna").click(function(){
$(".div").fadeOut();
});
});
</script>
</head>
<body>
<input type="button" id="btn" value="点击淡入"/>
<input type="button" id="btna" value="点击淡出"/>
<div class="div">
我是一个div块哦!!!!!
</div>
</body>
</html>
简单吧!!!!!!!!!