您的位置 >>> 星想互联 >>> 课堂教学 >>> 教学案例
JQUERY实现兼容IE6的导航面板
点击数:2539  发布时间2013-04-23 22:37:30
<style>
ul li{
float:left;margin-right:10px;width:60px; 
}
li ul{
display:none; 
}
.bg{
 background:#f90; display: block;border:1px solid #F00
}
p{
 clear:both;
}
</style>
<script src="jquery.min.js"></script>
<script>
$(function(){
 $("li").hover(function(){
  $(this).children("ul").show()
  },function(){
  $(this).children("ul").hide()
  })
 
})
</script>
来源:星想互联