Question

怎么添加 menu

Answer 1

css样式；

.mnuTopMenu
{
    background-color: #ecf6ff;
     border: solid 1px #d6e8ff;
    <a href="https://www.baidu.com/s?wd=font-family&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLujDLn1ndnj9BujRdnyu-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHbvnjD1n1Tvrjc3P1fvP1b3n0" target="_blank" class="baidu-highlight">font-family</a>: 宋体;
    <a href="https://www.baidu.com/s?wd=font-size&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLujDLn1ndnj9BujRdnyu-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHbvnjD1n1Tvrjc3P1fvP1b3n0" target="_blank" class="baidu-highlight">font-size</a>: 20px;
    
    color: #1E5494;
    
}
 
 
 
.DynamicMenuStyle /*动态菜单矩形区域样式*/
{
    background-color: #ecf6ff;
    border: solid 1px #d6e8ff;
    padding: 1px 1px 1px 1px;
    <a href="https://www.baidu.com/s?wd=text-align&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLujDLn1ndnj9BujRdnyu-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHbvnjD1n1Tvrjc3P1fvP1b3n0" target="_blank" class="baidu-highlight">text-align</a>: left;
    <a href="https://www.baidu.com/s?wd=font-family&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLujDLn1ndnj9BujRdnyu-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHbvnjD1n1Tvrjc3P1fvP1b3n0" target="_blank" class="baidu-highlight">font-family</a>: 宋体;
    <a href="https://www.baidu.com/s?wd=font-size&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLujDLn1ndnj9BujRdnyu-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHbvnjD1n1Tvrjc3P1fvP1b3n0" target="_blank" class="baidu-highlight">font-size</a>: 14px;
}
 
.DynamicHoverStyle /*动态菜单项:鼠标悬停时的样式*/
{
    background-color: #ecf6ff; /*#7C6F57;*/
    color: #333333;
}
 
.DynamicSelectedStyle /*动态菜单项:选择时的样式*/
{
    background-color:Red;
    color: red;
}
 
.DynamicMenuItemStyle /*动态菜单项样式*/
{
    padding: 2px 5px 2px 5px;
    color: #000000;
     background-color:  #ecf6ff;
     <a href="https://www.baidu.com/s?wd=font-family&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLujDLn1ndnj9BujRdnyu-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHbvnjD1n1Tvrjc3P1fvP1b3n0" target="_blank" class="baidu-highlight">font-family</a>: 宋体;
    <a href="https://www.baidu.com/s?wd=font-size&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLujDLn1ndnj9BujRdnyu-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHbvnjD1n1Tvrjc3P1fvP1b3n0" target="_blank" class="baidu-highlight">font-size</a>: 14px;
}
 
 
.StaticSelectedStyle /*静态菜单项:选择时的样式*/
{
    /*background-color:Gainsboro;*/
    color: red;
}
 
.StaticMenuItemStyle /*静态菜单项样式*/
{
    cursor: hand;
    padding: 2px 5px 2px 5px;
    color: #1E5494;
    background-color:Transparent;
}
 
.StaticHoverStyle /*静态菜单项:鼠标悬停时的样式*/
{
    background-color: #FFCC66; /*#7C6F57;*/
    cursor: hand;
   color: #1E5494;
}

HTML网页：

<asp:Menu ID="Menu1" runat="server"  StaticDisplayLevels="1"  CssClass="mnuTopMenu"
                                  onmenuitemclick="Menu1_MenuItemClick"  
                    DynamicHorizontalOffset="-1"  Orientation="Vertical" 
                    StaticSubMenuIndent="10px" DisappearAfter="600" 
                    StaticSelectedStyle-CssClass="StaticSelectedStyle"
                    StaticMenuItemStyle-CssClass="StaticMenuItemStyle"
                    StaticHoverStyle-CssClass="StaticHoverStyle"
                    DynamicMenuStyle-CssClass="DynamicMenuStyle"
                    DynamicSelectedStyle-CssClass="DynamicSelectedStyle"
                    DynamicMenuItemStyle-CssClass="DynamicMenuItemStyle"
                    DynamicHoverStyle-CssClass="DynamicHoverStyle" >
                                  
                                     
                                <Items>
                                     
                                       
                                           <asp:MenuItem Text="任务表单" Value="任务表单" >
                                           <asp:MenuItem Text="查看全部" Value="查看全部"></asp:MenuItem>
                                            <asp:MenuItem Text="按承办部门" Value="按承办部门">
                                                <asp:MenuItem Text="装备计划科" Value="装备计划科"></asp:MenuItem>
                                                <asp:MenuItem Text="资产管理科" Value="资产管理科"></asp:MenuItem>
                                                <asp:MenuItem Text="<a href="https://www.baidu.com/s?wd=%E8%B5%84%E4%BA%A7%E7%BB%8F%E8%90%A5&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLujDLn1ndnj9BujRdnyu-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHbvnjD1n1Tvrjc3P1fvP1b3n0" target="_blank" class="baidu-highlight">资产经营</a>科" Value="<a href="https://www.baidu.com/s?wd=%E8%B5%84%E4%BA%A7%E7%BB%8F%E8%90%A5&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLujDLn1ndnj9BujRdnyu-0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EnHbvnjD1n1Tvrjc3P1fvP1b3n0" target="_blank" class="baidu-highlight">资产经营</a>科"></asp:MenuItem>
                                                <asp:MenuItem Text="设备管理科" Value="设备管理科"></asp:MenuItem>
                                                <asp:MenuItem Text="装备制造科" Value="装备制造科"></asp:MenuItem>
                                                <asp:MenuItem Text="技术管理科" Value="技术管理科"></asp:MenuItem>
                                                <asp:MenuItem Text="境外资产科" Value="境外资产科"></asp:MenuItem>
                                                <asp:MenuItem Text="综合管理科" Value="综合管理科"></asp:MenuItem>
                                            </asp:MenuItem>
                                            <asp:MenuItem Text="按任务来源" Value="按任务来源">
                                                <asp:MenuItem Text="工作计划" Value="工作计划"></asp:MenuItem>
                                                <asp:MenuItem Text="批办文件" Value="批办文件"></asp:MenuItem>
                                                <asp:MenuItem Text="部室例会" Value="部室例会"></asp:MenuItem>
                                                <asp:MenuItem Text="领导交办" Value="领导交办"></asp:MenuItem>
                                            </asp:MenuItem>
                                      
                                              
                                         </asp:MenuItem>
                                     
                                </Items>
                               
                            </asp:Menu>

Answer 2

CSS样式：
.mnuTopMenu
{
background-color: #ecf6ff;
border: solid 1px #d6e8ff;
font-family: 宋体;
font-size: 20px;

color: #1E5494;

}

.DynamicMenuStyle /*动态菜单矩形区域样式*/
{
background-color: #ecf6ff;
border: solid 1px #d6e8ff;
padding: 1px 1px 1px 1px;
text-align: left;
font-family: 宋体;
font-size: 14px;
}

.DynamicHoverStyle /*动态菜单项:鼠标悬停时的样式*/
{
background-color: #ecf6ff; /*#7C6F57;*/
color: #333333;
}

.DynamicSelectedStyle /*动态菜单项:选择时的样式*/
{
background-color:Red;
color: red;
}

.DynamicMenuItemStyle /*动态菜单项样式*/
{
padding: 2px 5px 2px 5px;
color: #000000;
background-color: #ecf6ff;
font-family: 宋体;
font-size: 14px;
}

.StaticSelectedStyle /*静态菜单项:选择时的样式*/
{
/*background-color:Gainsboro;*/
color: red;
}

.StaticMenuItemStyle /*静态菜单项样式*/
{
cursor: hand;
padding: 2px 5px 2px 5px;
color: #1E5494;
background-color:Transparent;
}

.StaticHoverStyle /*静态菜单项:鼠标悬停时的样式*/
{
background-color: #FFCC66; /*#7C6F57;*/
cursor: hand;
color: #1E5494;
}