3、数据类型验证控件
CompareValidator对照特定的数据类型验证用户的输入，以确保用户输入的是数字还是日期等。
例：用到的控件属性，CotrolToValidator、operator、type属性。验证用户输入的出生日期与类型是否匹配。
关于JQuery的淡入淡出效果的演示。。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>jquery动态</title>
<script src="">
</script>
<script type="text/javascript" >
$(function(){
$(".nav li").hover(function(){
$("ul",this ).fadeIn();
},
function(){
$("ul")
})
$)
</script>
<meta charset="utf-8" />
<style type="text/css" >
body{
font-family :Arial ,sans-serif;
font-size:15px;
}
.nav{
margin:0;
padding:0;
list-style:none ;
}
.nav li {
float :left ;
width:150px;
position :relative ;
}
.nav li a{
background:#262626;
color:#fff;
display :block ;
padding :8px 7px 8px 7px;
text-decoration:none ;
text-align :center ;
text-transform :uppercase ;//小写变大写
}
.nav li a:hover {
color:#bf3826;
}
.nav ul{
position :absolute ;
left:0px;
display:none ;
margin: 0 0 0 -1px;
padding :0;
list-style:none ;
border-bottom :3px solid #bf3826;
}
.nav ul li{
width:180px;
float :left ;
border-top :none ;
}
.nav ul a{
display :block ;
height :15px;
padding: 8px 7px 8px 7px;
color :#fff;
text-decoration :none ;
border-top:none ;
border-bottom:1px dashed #bf3826;
}
</style>
</head>
<body>
<div style="width :650px ; margin:0 auto">
<ul class=" nav">
<li><a href=" #">Home</a></li>
<li>
<a href="#">ipnoe</a>
</li>
</ul
</div>
</body>
</html>
