怎么设置menu菜单的样式

怎么设置menu菜单的样式,第1张

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

}

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="资产经营科" 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 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>

可以在JMenuItem上设置图片和背景颜色。具体给你个例子你看看:(设置方法见注释)

import java.awt.BorderLayout

import java.awt.Color

import java.awt.event.ActionEvent

import java.awt.event.ActionListener

import javax.swing.ImageIcon

import javax.swing.JButton

import javax.swing.JFrame

import javax.swing.JMenu

import javax.swing.JMenuBar

import javax.swing.JMenuItem

import javax.swing.JSeparator

public class E extends JFrame implements ActionListener{

JButton close=null

JMenuItem mopen=null

JMenuItem mclose=null

JMenuItem mexit=null

E(){

close=new JButton("退出")

add(close,BorderLayout.SOUTH)

close.addActionListener(this)

JMenuBar jmb=new JMenuBar()

JMenu file=new JMenu("文件")

mopen=new JMenuItem("打开")

ImageIcon logoing=new ImageIcon("black_bishop.gif") //这里定义一个Icon图片

mopen.setIcon(logoing) //这里设置Icon图片到MenuItem

mopen.setBackground(Color.YELLOW)//这里设置MenuItem的背景色为黄色

mclose=new JMenuItem("关闭")

mexit=new JMenuItem("退出")

JSeparator separator=new JSeparator()

file.add(mopen)

file.add(mclose)

file.add(separator)

file.add(mexit)

jmb.add(file)

setJMenuBar(jmb)

mclose.addActionListener(this)

mexit.addActionListener(this)

setSize(300, 300)

setVisible(true)

setDefaultCloseOperation(DISPOSE_ON_CLOSE)

}

public static void main(String[] args) {

new E()

}

public void actionPerformed(ActionEvent ae) {

if(ae.getSource()==close){

dispose()

}else if(ae.getSource()==mclose){

dispose()

}else if(ae.getSource()==mexit){

dispose()

}

}

}


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/11267111.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存