效果：

射流研究…代码：

脚本类型='text/javascript '函数ShowSub(li) {//函数定义定义变量子菜单=李。getelementsbytagname(' ul ')[0]；//获取子菜单。子菜单. style.display=' block}函数HideSub(李){ var Subscription=李。GetElementsBytagname(' ul ')[0]；子菜单。子菜单. style.display=' none}/scriptcss样式：

* { margin :0 pxpadding :0 px } body { font-family : verdana，日内瓦，无衬线；font-size :14 px} # nav { width:600px高度：40 px背景色： # eeemargin:0 auto} ul {列表式：无；} ul li { float:left线高：40 px文本对齐：居中；宽度宽度：100px}//ie7显示宽度的兼容性设置宽度而不用填料的自适应a { text-decoration : nonecolor: # 000显示：块；} a:hover { color: # F00背景色： # 666;} ul li ul li { float:none背景色： # eeemargin :2 px 0px } ul Li ul { display : none } html代码

div id='nav'ullia href='# '首页/a/Lili on mouse over=' ShowSub(this)' on mouse out=' HideSub(this)' a href=' # '课程大厅/aullia href=' # ' JavaScript/a/lilia href=' # ' Html/CSS/a/Li/ul/Lili on mouse over=' ShowSub(this)' on mouse out=' HideSub(this)' a href=' # '学习中心/aullia href='# '视频学习/a/lilia href='# '实例练习/a/lilia href='# '问与答/a/li/ul /lilia href='# '经典案例/a/lilia href='# '关于我们/a/li/ul/div以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！