问题描述
编程语言为C#,即能实现web应用程序，当把鼠标移动到某菜单上或者点击该菜单，能显示其下子菜单的功能，包括页面设计和程序实现。
解决方案
解决方案二：
JS菜单去网上收索下吧，很多
解决方案三：
$(document).ready(function(){varisShow=false;$("#hidden_menu").hide();$("#categort").mouseover(function(){$("#hidden_menu").show();});$("#hidden_menu").mouseover(function(){isShow=true;$(this).show();});$("#hidden_menu").mouseout(function(){if(isShow){$(this).hide();isShow=false;}});})</script><divid="categort"><ahref="#">category</a></div><divid="hidden_menu"><divclass="round_corner_left"></div><divclass="round_corner_reeat"><a>这里历遍数据库得到的各种分类名称</a></div><divclass="round_corner_right"></div></div>//下面是导航样式的$("a[title='nav']").click(function(){for(i=0;i<$("a[title='nav']").size();i++){if($(this).attr("id")!=$("a[title='nav']").eq(i).attr("id"))$("a[title='nav']").eq(i).removeClass("hover");else$("a[title='nav']").eq(i).addClass("hover");}});<ahref="#"id="nav1"title="nav"class="hover"onfocus="this.blur();">nav1</a><ahref="#"id="nav2"title="nav"onfocus="this.blur();">nav2</a><ahref="#"id="nav3"title="nav"onfocus="this.blur();">nav3</a><ahref="#"id="nav4"title="nav"onfocus="this.blur();">nav4</a>//下面是收起和打开的样式$(".Thand").click(function(){$(this).next().css("display",$(this).next().css("display")=="block"?"none":"block");});<h2class="Thand"><span>公司介绍</span><ahref="#">open</a></h2><divclass="infobox"><dl><dt><imgsrc="../images/index_bg1.gif"name="logo"id="logo"width="300"/></dt><dd>公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息公司介绍信息</dd></dl></div>或者看这个：
解决方案四：
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>jQueryEasyUI</title><linkrel="stylesheet"type="text/css"href="themes/default/easyui.css"><linkrel="stylesheet"type="text/css"href="themes/icon.css"><scripttype="text/javascript"src="jquery-1.4.2.min.js"></script><scripttype="text/javascript"src="jquery.easyui.min.js"></script><scripttype="text/javascript">$(function(){$('#mm').menu();$('#aa1').click(function(){$('#mm').menu('show',{left:10,top:30});});$('#aa2').click(function(){$('#mm').menu('hide');});});</script></head><bodystyle="margin:0;padding:10px;"><ahref="#"id="aa1">显示</a><ahref="#"id="aa2">隐藏</a><divid="mm"style="width:120px;"><div>新建</div><div><span>打开</span><divstyle="width:150px;"><div><b>Word文档</b></div><div>Excel文档</div><div>PowerPoint文档</div></div></div><divicon="icon-save">包存</div><divclass="menu-sep"></div><div>退出</div></div></body></html>
使用说明HTML代码<divid="mm"style="width:120px;"><div>New</div><div><span>Open</span><divstyle="width:150px;"><div><b>Word</b></div><div>Excel</div><div>PowerPoint</div></div></div><divicon="icon-save">Save</div><divclass="menu-sep"></div><div>Exit</div></div>
JQuery创建一个菜单$('#mm').menu(options);
菜单定位$('#mm').menu('show',{left:200,top:100});
解决方案五：
jquerymenu很全。http://apycom.com/#或者自己去搜搜吧，“jquerymenu”或者是”jsmenu“