Asp.Net建立縮進式Menu的代碼
StaticDisplayLevels="2" StaticSubMenuIndent="" StaticPopOutImageTextFormatString="" StaticEnableDefaultPopOutImage="False" Width="776px" Height="39px">
<StaticItemTemplate>
<Img Src='../Images/Menu_<%# Eval("Text") %>.jpg' height="39px" onmouseover="this.src='../Images/Menu_<%# Eval("Text") %>s.jpg';" onmouseout="this.src='../Images/Menu_<%# Eval("Text") %>.jpg'" border="0" />
</StaticItemTemplate>
<LevelMenuItemStyles>
<asp:MenuItemStyle Font-Underline="False" Width="0px" />
<asp:MenuItemStyle CssClass="MenuItem" Font-Underline="False" BorderWidth="0px" ItemSpacing="0px" HorizontalPadding="0px" VerticalPadding="0px" />
<asp:MenuItemStyle CssClass="SubMenu" Font-Underline="False" />
<asp:MenuItemStyle CssClass="SubMenu" Font-Underline="False" />
<asp:MenuItemStyle CssClass="SubMenu" Font-Underline="False" />
</LevelMenuItemStyles>
<DynamicHoverStyle CssClass="SubMenu_S" />
<DataBindings>
<asp:MenuItemBinding DataMember="Menu" NavigateUrlField="url" TextField="title" ToolTipField="description" />
<asp:MenuItemBinding DataMember="MenuItem" NavigateUrlField="url" TextField="title"
ToolTipField="description" />
<asp:MenuItemBinding DataMember="MenuItem" NavigateUrlField="url" TextField="title"
ToolTipField="description" />
</DataBindings>
<LevelSubMenuStyles>
<asp:SubMenuStyle Font-Underline="False" />
<asp:SubMenuStyle Font-Underline="False" />
<asp:SubMenuStyle Font-Underline="False" />
<asp:SubMenuStyle CssClass="SubMenu_T" Font-Underline="False" />
</LevelSubMenuStyles>
</asp:Menu>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/LED/Menu.xml" />
CSS樣式:
.SubMenu
{
background-color : #C7E2F3 ;
height : 20px;
width :115px;
font-family :Arial, Helvetica, sans-serif ;
font-size : 11px ;
color:Black;
border-bottom : solid 0px #9DBCCF;
border-Top : solid 1px #9DBCCF;
text-indent : 10px;
margin-bottom : 0px;
margin-left : 0px;
margin-right : 0px;
margin-top : 0px;
}
.SubMenu_S
{
background-color :#4B87C2 ;
height : 20px;
width :115px;
font-family :Arial, Helvetica, sans-serif;
font-size : 11px ;
color:White;
border-bottom : solid 0px #9DBCCF;
border-Top : solid 0px #9DBCCF;
text-indent : 10px;
margin-bottom : 0px;
margin-left : 0px;
margin-right : 0px;
margin-top : 0px;
}
.SubMenu_T
{
background-color : #C7E2F3 ;
height : 20px;
width :115px;
font-family :Arial, Helvetica, sans-serif ;
font-size : 11px ;
color:Black;
border-bottom : solid 0px #9DBCCF;
border-Top : solid 1px #9DBCCF;
text-indent : 10px;
margin-bottom : 0px;
margin-left : -5px;
margin-right : 0px;
margin-top : 6px;