动态下拉菜单的简单实现
首先在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:DataGrid 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:DataGrid>
< /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();
}
运行即可 <
页:
[1]