我没有添加任何东西，这是Dreamweaver原汁原味用spry创建的菜单栏，以此来学习菜单导航，哈哈。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Javascript之spry菜单栏</title> <script src="http://files.cnblogs.com/files/caidupingblogs/SpryMenuBar.js" type="text/javascript"></script> <link href="http://files.cnblogs.com/files/caidupingblogs/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> </head> <body> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">项目 1</a> <ul> <li><a href="#">项目 1.1</a></li> <li><a href="#">项目 1.2</a></li> <li><a href="#">项目 1.3</a></li> </ul> </li> <li><a href="#">项目 2</a></li> <li><a class="MenuBarItemSubmenu" href="#">项目 3</a> <ul> <li><a class="MenuBarItemSubmenu" href="#">项目 3.1</a> <ul> <li><a href="#">项目 3.1.1</a></li> <li><a href="#">项目 3.1.2</a></li> </ul> </li> <li><a href="#">项目 3.2</a></li> <li><a href="#">项目 3.3</a></li> </ul> </li> <li><a href="#">项目 4</a></li> </ul> <script type="text/javascript"> <!-- var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"http://files.cnblogs.com/files/caidupingblogs/SpryMenuBarDownHover.gif", imgRight:"http://files.cnblogs.com/files/caidupingblogs/SpryMenuBarRightHover.gif"}); //--> </script> </body>