在.NET中的MENU控件好像只能实现一级菜单的横向表示,而对于下面的菜单都是纵向的。
下面的代码是我转载的,其能实现当鼠标移到某个部位后,横向显示子菜单。
Code
<a href="#" onmouseover="MM_showHideLayers('siteMapDiv','','show');" onmouseout="MM_showHideLayers('siteMapDiv','','hide');" />下拉菜单测试</a>
<div id="siteMapDiv" style="width:220px; height:20px; top:30px; left:100px; border:1px #ffffff solid; padding:2px; background-color:#ffffff; filter:Alpha(Opacity=85); z-index:9999; visibility: hidden;" onmouseover="MM_showHideLayers('siteMapDiv','','show');" onmouseout="MM_showHideLayers('siteMapDiv','','hide');">
<a href="http://www.15960.com.cn/" target="_blank">菜单1</a> <a href="http://www.15960.com.cn/" target="_blank">菜单2</a> <a href="http://www.15960.com.cn/" target="_blank">菜单3</a>
</div>
使用者可以对相应部分进行替换,同时也可以在后台程序中进行动态生成
<a href="#" onmouseover="MM_showHideLayers('siteMapDiv','','show');" onmouseout="MM_showHideLayers('siteMapDiv','','hide');" />下拉菜单测试</a>
<div id="siteMapDiv" style="width:220px; height:20px; top:30px; left:100px; border:1px #ffffff solid; padding:2px; background-color:#ffffff; filter:Alpha(Opacity=85); z-index:9999; visibility: hidden;" onmouseover="MM_showHideLayers('siteMapDiv','','show');" onmouseout="MM_showHideLayers('siteMapDiv','','hide');">
<a href="http://www.15960.com.cn/" target="_blank">菜单1</a> <a href="http://www.15960.com.cn/" target="_blank">菜单2</a> <a href="http://www.15960.com.cn/" target="_blank">菜单3</a>
</div>