大部分网站的菜单栏会有二级菜单之类的，在选择一级菜单时，鼠标悬停的菜单高亮，显示不同的颜色，选中一级菜单之后显示出相应的二级菜单，当鼠标悬停到二级菜单时，二级菜单高亮的同时，相应的一级菜单也要进行高亮。
具体的实现代码如下，菜单项内容用1，2，3，4，5，6表示：
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
ul{
list-style: none;
}
#title1>li{
width: 100px;
height: 30px;
}
.show{
color: red;
}
</style>
</head>
<body>
<ul id="title1">
<li>1</li>
<li>2
<ul>
<li>22</li>
<li>22</li>
<li>22</li>
</ul>
</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
</body>
<script type="text/javascript">
onload()
function onl oad(){
var li=document.getElementById("title1").getElementsByTagName("li");
for (var i=0; i<li.length;i++) {
li[i].onmousemove=function(){
this.className="show";
}
li[i].onmouseout=function(){
this.className="";
}
}
}
</script>
</html>
有问题可以评论交流。