this is a extra element for clear the floated element
动态下拉菜单的简单实现
  • 12/31
  • 2008
优化性能 | Windows 794 次查看
  首先在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();

  }

  运行即可