实在不晓得为什么错了,鼠标经过,边框有反应,但是不能运行:display:block;关键的CSS代码和JS在靠近第一个body标签旁边
<script type="text/javascript">
window.onload=function(){
var Lis=document.getElementsByTagName("li");
for(var i=0;i<Lis.length;i++){
Lis[i].onmouseover=function(){
this.className="lihover";
}
Lis[i].onmouseout=function(){
this.className="";
}
}
}
</script>
CSS:
.nav_content .lihover {//鼠标移动到上面,应用的样式
background-image: none;
border:2px solid #DDD;
border-right: 0;
box-shadow: 0 0 8px #DDD;
-moz-box-shadow:0 0 8px #DDD;
-webkit-box-shadow:0 0 8px #DDD;
}
.nav_content .lihover .submenu{//悬浮层
display: block;
}
.nav_content .lihover span{//白色小方框
height:31px;
width:10px;
background: #FFF;
display: inline-block;
z-index: 20;
float: right;
position: relative;
}