I didn't add anything, this is Dreamweaver's original menu bar created with spry to learn menu navigation, haha.
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "><pead><meta http-equiv=" Content-type "content=" text/html; Charset=utf-8 "/><title>javascript's spry menu bar </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 "/></pead><body> <ul id= "MenuBar1" class= "Menubarhorizontal" > <li><a class= "Menubaritemsubmenu" href= "#" > Project 1</a > <ul> <li><a href= "#" > Project 1.1</a></li> <li><a href= "#" > Project 1.2</a></li> <li><a href= "#" > Project 1.3</a></li> </ul> </li> < ; Li><a href= "#" > Project 2</a></li> <li><a class= "Menubaritemsubmenu" href= "#" > Project3</a> <ul> <li><a class= "Menubaritemsubmenu" href= "#" > Project 3.1</a> < Ul> <li><a href= "#" > Project 3.1.1</a></li> <li><a href= "#" > Project 3.1.2</a></li> </ul> </li> <li><a href= "#" > Project 3.2</A>&L T;/li> <li><a href= "#" > Project 3.3</a></li> </ul> </li> <li><a HR ef= "#" > Project 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>
JavaScript's Spry menu bar