问题描述
我现在想实现从数据库加载出来一个同样的“竖向三级弹出菜”请高手请教下.....这个静态html<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>flyout-竖向三级弹出菜单</title><styletype="text/css">/*commonstyling*/.menu{font-family:arial,sans-serif;width:106px;height:150px;position:relative;margin:0;font-size:11px;margin:50px0;}.menuullia,.menuullia:visited{display:block;text-decoration:none;color:#000;width:104px;height:20px;text-align:center;color:#fff;border:1pxsolid#aaa;background:#710069;line-height:20px;font-size:11px;overflow:hidden;}.menuul{padding:0;margin:0;list-style-type:none;}.menuulli{float:left;margin-right:1px;position:relative;}.menuulliul{display:none;}/*specifictononIEbrowsers*/.menuulli:hovera{color:#fff;background:#36f;}.menuulli:hoverul{display:block;position:absolute;top:0;left:105px;width:105px;}.menuulli:hoverullia.hide{background:#6a3;color:#fff;}.menuulli:hoverulli:hovera.hide{background:#6fc;color:#000;}.menuulli:hoverulliul{display:none;}.menuulli:hoverullia{display:block;background:#eee;color:#000;}.menuulli:hoverullia:hover{background:#6fc;color:#000;}.menuulli:hoverulli:hoverul{display:block;position:absolute;left:105px;top:0;}</style></head><body><divclass="menu"><ul><li><aclass="hide"href="../menu/index.html">中国</a><ul><li><ahref="../menu/zero_dollars.html"title='Thezerodollaradspage'>123123</a></li><li><ahref="../menu/embed.html"title="Wrappingtextaroundimages">wrappingtext</a></li><li><ahref="../menu/form.html"title="Stylingforms">styledform</a></li><li><ahref="../menu/nodots.html"title="Removingactive/focusborders">activefocus</a></li><li><aclass="hide"href="../menu/hover_click.html"title="Hover/clickwithnoactive/focusborders">HOVER/CLICK></a><ul><li><ahref="../menu/form.html"title="Stylingforms">styledform</a></li><li><ahref="../menu/nodots.html"title="Removingactive/focusborders">activefocus</a></li><li><ahref="../menu/hover_click.html"title="Hover/clickwithnoactive/focusborders">hover/click</a></li></ul></li><li><ahref="../menu/shadow_boxing.html"title="Multi-positiondropshadow">shadowboxing</a></li><li><ahref="../menu/old_master.html"title="ImageMapfordetailedinformation">imagemap</a></li><li><ahref="../menu/bodies.html"title="funwithbackgroundimages">funbackgrounds</a></li><li><ahref="../menu/fade_scroll.html"title="fade-outscrolling">fadescrolling</a></li><li><ahref="../menu/em_images.html"title="emsizeimagescompared">emsizedimages</a></li></ul></li><li><aclass="hide"href="index.html">美国</a><ul><li><ahref="spies.html"title="acodedlistofspies">spiesmenu</a></li><li><ahref="vertical.html"title="ahorizontalverticalmenu">verticalmenu</a></li><li><ahref="expand.html"title="anenlargingunorderedlist">enlarginglist</a></li><li><ahref="enlarge.html"title="anunorderedlistwithlinkimages">linkimages</a></li><li><ahref="cross.html"title="non-rectangularlinks">non-rectangular</a></li><li><ahref="jigsaw.html"title="jigsawlinks">jigsawlinks</a></li><li><ahref="circles.html"title="circularlinks">circularlinks</a></li></ul></li><li><aclass="hide"href="../layouts/index.html">英国</a><ul><li><ahref="../layouts/bodyfix.html"title="Crossbrowserfixedlayout">Fixed1</a></li><li><ahref="../layouts/body2.html"title="Crossbrowserfixedlayout">Fixed2</a></li><li><ahref="../layouts/body4.html"title="Crossbrowserfixedlayout">Fixed3</a></li><li><ahref="../layouts/body5.html"title="Crossbrowserfixedlayout">Fixed4</a></li><li><ahref="../layouts/minimum.html"title="Asimpleminimumwidthlayout">minimumwidth</a></li></ul></li><li><aclass="hide"href="../boxes/index.html">德国</a><ul><li><ahref="spies.html"title="acodedlistofspies">spiesmenu</a></li><li><ahref="vertical.html"title="ahorizontalverticalmenu">verticalmenu</a></li><li><ahref="expand.html"title="anenlargingunorderedlist">enlarginglist</a></li><li><ahref="enlarge.html"title="anunorderedlistwithlinkimages">linkimages</a></li><li><ahref="cross.html"title="non-rectangularlinks">non-rectangular</a></li><li><ahref="jigsaw.html"title="jigsawlinks">jigsawlinks</a></li><li><ahref="circles.html"title="circularlinks">circularlinks</a></li></ul></li><li><aclass="hide"href="../mozilla/index.html">日本</a><ul><li><ahref="../mozilla/dropdown.html"title="Adropdownmenu">dropdownmenu</a></li><li><ahref="../mozilla/cascade.html"title="Acascadingmenu">cascadingmenu</a></li><li><ahref="../mozilla/content.html"title="Usingcontent:">content:</a></li><li><ahref="../mozilla/moxbox.html"title=":hoverappliedtoadiv">mozziebox</a></li><li><ahref="../mozilla/rainbow.html"title="Icanbuildarainbow">rainbowbox</a></li><li><ahref="../mozilla/snooker.html"title="Snookercue">snookercue</a></li><li><ahref="../mozilla/target.html"title="TargetPractise">targetpractise</a></li><li><ahref="../mozilla/splittext.html"title="Twotoneheadings">twotoneheadings</a></li><li><ahref="../mozilla/shadow_text.html"title="Shadowtext">shadowtext</a></li></ul></li><li><aclass="hide"href="../ie/index.html">意大利</a><ul><li><ahref="../ie/exampleone.html"title="Exampleone">exampleone</a></li><li><ahref="../ie/weft.html"title="Weftfonts">weftfonts</a></li><li><ahref="../ie/exampletwo.html"title="Verticalalign">verticalalign</a></li></ul></li><li><aclass="hide"href="../opacity/index.html">澳大利亚</a><ul><li><ahref="../opacity/colours.html"title="colourwheel">opaquecolours</a></li><li><ahref="../opacity/picturemenu.html"title="amenuusingopacity">opaquemenu</a></li><li><ahref="../opacity/png.html"title="partialopacity">partialopacity</a></li><li><ahref="../opacity/png2.html"title="partialopacityII">partialopacityII</a></li></ul></li></ul></div></body></html>