当前位置：首页 → 问答吧 → 麻烦大家谁帮我改进一下一段代码

麻烦大家谁帮我改进一下一段代码

时间：2010-05-27

来源：互联网

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=bg2312" /> <title>JavaScript 下拉菜单</title> <style type="text/css"> *{margin:0;padding:0;} a{text-decoration:none;color:#fff;} a:hover{text-decoration:underline;color:#c00;} ul{width:600px;border:1px solid orange;list-style:none outside none;margin:0 auto;overflow:hidden;height:150px;font-size:14px;font-family:"微软雅黑"} dl{width:145px;float:left;background:#7AB2FF;} ul li{border-bottom:5px solid #2F87FE;floaT:left;width:145px;margin-left:1px;} ul li dl dt{background:#4E7CFF;width:145px;} ul li dl dt a{display:block;background:orange;padding:10px;height:1.5em;overflow:hidden;} ul dl dd{display:none;} ul dl dd a{display:block;background:#83A0FF;height:25px;} ul dl dd a:hover{background:#C9D6FF;color:#000;font-weight:bold;} </style> </head> <body> <h1>Snapshots</h1> <ul id="nav"> <li> <dl> <dt><a href="">设计类</a></dt> <dd><a href="">Dreamweaver</a></dd> <dd><a href="">flash</a></dd> <dd><a href="">photoshop</a></dd> </dl> </li> <li> <dl> <dt><a href="">开发类</a></dt> <dd><a href="">Dreamweaver</a></dd> <dd><a href="">flash</a></dd> <dd><a href="">photoshop</a></dd> </dl> </li> <li> <dl> <dt><a href="">交互类</a></dt> <dd><a href="">Dreamweaver</a></dd> <dd><a href="">flash</a></dd> <dd><a href="">photoshop</a></dd> </dl> </li> <li> <dl> <dt onmouseover="showPic()"><a href="">数据类</a></dt> <dd><a href="">Dreamweaver</a></dd> <dd><a href="">flash</a></dd> <dd><a href="">photoshop</a></dd> </dl> </li> </ul> <script type="text/javascript"> </script> </body> </html>
提示：您可以先修改部分代码再运行

帮我写出利用JS显示出下拉菜单.
CSS我已经写好了.但我是JS新手,我不知道从何下手.

作者: rao3324180 发布时间: 2010-05-27