IE浏览器的兼容这一课没有源代码吗
按照老师的步骤效果没出来，呜呜，求这一课代码、
2 回答
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>变换菜单</title>
<style type="text/css">
.top-nav{
font-size:12px;
font-weight:bold;
list-style:none;
}
.top-nav li{
float:left;
margin-right:1px;
}
.top-nav li a{
line-height:20px;
text-decoration:none;
background:#DDD;
color:#666666;
display:block;
width:80px;
text-align:center;
}
.top-nav li ul {
display:none;
list-style:none;
padding:0px;
position:relative;
width:80px;
}
.top-nav li ul li ul{
top:0px;
left:80px;
position:absolute;
}
.top-nav li a:hover{
background:#0F3;
color:white;
}
</style>
<script src="jQuery实现下拉菜单/jquery-1.11.2.js" type="text/jscript"></script>
<script type="text/jscript">
$(function(){
//if($.browser.msie&&$.browser.version.substr(0,2)<12){
$("li").has("ul").mouseover(function(){
$(this).children("ul").css("display", "block");
}).mouseout(function(){
$(this).children("ul").css("display", "none");
})
// }
});
</script>
</head>
<body>
<ul class="top-nav">
<li><a href="#">首页</a> </li>
<li><a href="#">课程大厅</a> </li>
<li><a href="#">学习中心+</a>
<ul>
<li><a href="#">前端课程+</a>
<ul>
<li><a href="#">javasript</a></li>
<li><a href="#">css</a></li>
<li><a href="#">jquery</a></li>
</ul>
</li>
<li><a href="#">手机开发</a>
<ul>
<li><a href="#">Android开发</a></li>
<li><a href="#">iso开发</a></li>
<li><a href="#">Winphone开发</a></li>
</ul>
</li>
<li><a href="#">后台开发</a></li>
</ul>
</li>
<li><a href="#">关于我们</a></li>
</ul>
</body>
</html>
举报
0/150
提交
取消
