可以附加到 任何的ASP.NET控件中,让其有下拉菜单,而菜单可以是另外一个Panel或是其他控件。
属性:
TargetControlID :需要附加下拉菜单的控件ID值。
DropDownControlID :将要显示动态下拉菜单的Panel控件ID值。
实例代码:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>DropDown控件</title>
<style type="text/css">
/* 选单面版 */
.MenuBar
{
vertical-align:middle;
width: 200px;
font-size: 18px;
background-color: Silver;
color: Black;
float: left;
display: block;
padding: 7px 20px 5px 10px;
}
![](/Images/OutliningIndicators/InBlock.gif)
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:Label ID="Label1" runat="server" Text="这里是一个下拉菜单" CssClass="MenuBar"></asp:Label>
<%-- 下拉式选单开始 --%>
<asp:Panel ID="Panel1" runat="server" CssClass="MenuBar" Style="display: none; visibility: hidden;">
<asp:LinkButton ID="LinkButton1" runat="server" >红色</asp:LinkButton><br />
<asp:LinkButton ID="LinkButton2" runat="server" >黑色</asp:LinkButton><br />
<asp:LinkButton ID="LinkButton3" runat="server" >白色</asp:LinkButton>
</asp:Panel>
<ajaxToolkit:DropDownExtender ID="DropDownExtender1" runat="server" TargetControlID="Label1" DropDownControlID="Panel1">
</ajaxToolkit:DropDownExtender>
</form>
</body>
</html>
运行结果:
![](/images/cnblogs_com/abcdwxc/a16.GIF)
点击这个菜单后:
![](/images/cnblogs_com/abcdwxc/a17.GIF)
实例代码:
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
![](/Images/OutliningIndicators/InBlock.gif)
![](/Images/OutliningIndicators/ExpandedBlockEnd.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
![](/Images/OutliningIndicators/None.gif)
运行结果:
点击这个菜单后: