Question

鼠标移到子级菜单 父级菜单a:hover状态

如何用JS实现：鼠标移到子级菜单 父级菜单a:hover状态已经用JS实现了鼠标移到父菜单显示子菜单，
但是不知道怎么弄成鼠标移到子级菜单 父级菜单a:hover状态请给出详细答案谢谢
<div id="header"> <div id="nav"> <ul id="navlist"> <li><a id="home" href="#" rel="dropmenu1">首　页</a></li> <li><a id="home" href="#" rel="dropmenu2">父级菜单</a></li> <li><a id="home" href="#" rel="dropmenu3">父级菜单</a></li> <li><a id="home" href="#" rel="dropmenu4">父级菜单</a></li> <li><a id="home" href="#" rel="dropmenu5">父级菜单</a></li> </ul> <div class="navcon"></div><!--start--> <DIV id=nav2 class=navcon> <DL id=navdl1> <DD> <UL id=navul11> <LI><A href="#">子集菜单</A></LI> <LI><A href="#">子集菜单</A></LI> </UL> <UL id=navul16> <LI><A href="#">子集菜单</A></LI> <LI><A href="#">子集菜单</A></LI> </UL> </DD> </DL> <DIV class=clear></DIV> </DIV><!--全国时讯--> <!--end--> </div> </div>
如何用JS实现：鼠标移到子级菜单 父级菜单a:hover状态
已经用JS实现了鼠标移到父菜单显示子菜单 但是不知道怎么弄成鼠标移到子级菜单 父级菜单a:hover状态请给出详细答案谢谢

Answer 1

再描述你下你的问题，看的好乱啊！！！

那其实是一样的，鼠标放上你已经让该元素的子元素显示了，那么根据dom关系你让该元素加一个状态应该挺简单的。

同时，如果只是hover状态的话，用a:hover就可以实现了啊。

Answer 2

a:hover 其实就是一个伪类。 你用js把父级菜单加个类。比如hover，然后你这个hover的class 定义你自己想要的样式就好了。

追问

我的意思是鼠标移动到子级菜单后父级菜单不能保持hover状态