精简版二级下拉菜单，相应鼠标表现

发布时间：2018-09-03 19:30:57 所属栏目：创业来源：站长网

导读：精简版的二级下拉导航菜单，相应鼠标的举措，鼠标放上即表现出菜单，常见的一种菜单样式。在没有颠末美化的环境下，是很丢脸的，假如您有必要，就专心修改一下，美化一番，照旧不错的菜单哦！示例： htmlheadtitle二级菜单，相应鼠标/titlestyle type=tex

　　精简版的二级下拉导航菜单，相应鼠标的举措，鼠标放上即表现出菜单，常见的一种菜单样式。在没有颠末美化的环境下，是很丢脸的，假如您有必要，就专心修改一下，美化一番，照旧不错的菜单哦！

　　示例：

<html> <head> <title>二级菜单，相应鼠标</title> <style type="text/css"> .mainNav ul li {float: left;width: 150px;} .mainNav li ul {display: none;} li.hover ul {display: block;} </style> <script language="javascript" type="text/javascript"> function showSubLevel(Obj){ Obj.className="hover"; } function hideSubLevel(Obj){ Obj.className=""; } </script> </head> <body> <div class="mainNav"> <ul> <li onmouseover="showSubLevel(this)" onmouseout="hideSubLevel(this)"> 一级栏目A <ul> <li>A的二级栏目</li> <li>A的二级栏目</li> <li>A的二级栏目</li> </ul> </li> <li onmouseover="showSubLevel(this)" onmouseout="hideSubLevel(this)"> 一级栏目B <ul> <li>B的二级栏目</li> <li>B的二级栏目</li> <li>B的二级栏目</li> </ul> </li> <li onmouseover="showSubLevel(this)" onmouseout="hideSubLevel(this)"> 一级栏目C <ul> <li>B的二级栏目</li> <li>B的二级栏目</li> <li>B的二级栏目</li> </ul> </li> </ul> </div> </body> </html> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

首富马斯克谈成功？他	从先行者到制定者，轻
中国互联网的新一轮机	马斯克想辞职做专业网