动态下拉菜单的简单实现

蓝信子 · 发表于 2008-12-24 11:59:30

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？注册

x

　　首先在aspx文件中加入如下代码：　　< script> 　　　function openMenu(cur)//显示菜单　　　{ 　　　 eval("menu" cur ".style.visibility='visible'") 　　　 //alert(menu1) 　　　} 　　　function closeMenu(cur)//隐藏菜单　　　{ 　　　 eval("menu" cur ".style.visibility='hidden'") 　　　} 　　< /script> 　　　　< td class="lcolhead" onmouseover='openMenu("1")' style="PADDING-RIGHT: 8px; PADDING-LEFT: 8px" 　　 onmouseout='closeMenu("1")'> 　　 //添加一个列　　 < A onmouseover='openMenu("1")' onmouseout='closeMenu("1")' href="#"> 　　　大生产作品< /A> 　　　　 //定义一个单独的层　　 < div class="unnamed1" id="Layer1" style="Z-INDEX: 1; LEFT: 0px; WIDTH: 0px; POSITION: relative; TOP: -2px; HEIGHT: 0px"> 　　　　 //定义一个菜单　　 < div id="menu1" onmouseover='openMenu("1")' style="Z-INDEX: 2; LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px" onmouseout='closeMenu("1")'> 　　 //添加一个表，容纳菜单　　 < table id=Table1 cellSpacing=1 cellPadding=1 width=120 border=0 align =center> 　　　　　　　　< tr> 　　　< td align=center> 　　　　　//加入DataGrid控件，并添加一列做菜单，将数据库中数据读出与此列邦定写形成菜单　　　< asp

ataGrid id=DataGrid1 runat="server" AutoGenerateColumns="False" ShowHeader="False" BorderWidth="0px"> 　　　< ItemStyle BorderColor="Transparent"> 　　　< /ItemStyle> 　　　　　　//加入链接列　　　< Columns> 　　　< asp:HyperLinkColumn DataNavigateUrlField="ID"　　 DataNavigateUrlFormatString="http://localhost/Taile/Creativity/WebForm1.aspx?id={0}" 　　　　　//显示数据库中的Name字段　　　DataTextField="Name"> 　　　< HeaderStyle Width="120px"> 　　　< /HeaderStyle> 　　　　　< ItemStyle Font-Italic="True"> 　　　< /ItemStyle> 　　　< /asp:HyperLinkColumn> 　　　< /Columns> 　　　< /asp

ataGrid> 　　　< /td> 　　　　 < /tr> 　　 < /table> 　　< /div> 　　< /div> 　　< /td class=lcolhead> 　　以上是aspx文件中要添加的代码　　　　然后在aspx.cs文件中将数据读出邦定到datagrid1上即可用数据库中的Name字段来形成下菜单　　如：　　　protected System.Web.UI.WebControls.DataGrid DataGrid1; 　　　　　private void Page_Load(object sender, System.EventArgs e) 　　　{ 　　　 // Put user code to initialize the page here 　　　　　 DataView UserProductDataView=new DataView(); 　　　　　 //获得数据库视图　　　 UserProductDataView=(new UserProductBF()).GetUserProductType(); 　　　　　 DataGrid1.DataSource=UserProductDataView;　　　　 DataGrid1.DataBind(); 　　　} 　　运行即可 <

		自动登录	找回密码
密码			注册