大家好来看个鼠标移上去style。

aspx代码：---------------------------------------------------------------------------------------------- <style type="text/css">
TD {
FONT-SIZE: 12px
}
DT {
FONT-SIZE: 12px
}
P {
LINE-HEIGHT: 12px
}
A {
FONT-SIZE: 12px; COLOR: #1b3442; FONT-FAMILY: verdana,arial,helvetica,sans-serif; TEXT-DECORATION: underline;FONT-WEIGHT:bold
}
A:hover {
COLOR: #00b4ff; TEXT-DECORATION: none;FONT-WEIGHT:bold;
}.menu_css_01 {
FONT-SIZE: 12px; COLOR: #1b3442; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center
}
    </style>
</head>
<body bgcolor="#D6EBF3" bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0" oncontextmenu="return true;" onselectstart="return true;">
    <form id="form1" runat="server">
    </form>
    <noscript></noscript>
</body>
</html>cs代码:----------------------------------------------------------------------------------------------
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                string script = "../Js/default.js";
                string myScript = "../Script/outlook.js";                StringBuilder sb = new StringBuilder();
                sb.Append("var OUTLOOKBAR_DEFINITION = {");
                sb.Append("format:{target:'rightFrame',blankImage:'images/b.gif',rollback:true,animationSteps:1,animationDelay:10,");
                sb.Append(@"templates:{
panel:{
//以下为自定义样式
common:'<table width=100% height=37 border=0 cellspacing=0 cellpadding=0 background=images/menu_bg.jpg><tr><td></td><td align=center><div style=font: bold 9pt trebuchet ms, arial;color:#033D61>{text}</div></td><td align=right></td></tr></table>',

normal:{state:'c'},
rollovered:{state:'r'},
clicked:{state:'c'}
},
item:{
common:'<table border=0 width=100%  ><tr><td><table width=100% bgcolor={borderColor} border=0 cellspacing=1 cellpadding=0><tr><td><table width=100%  bgcolor={backgroundColor} cellspacing=0 border=0 cellpadding=5><tr align=center><td><a style=display:block><img  src=images/icon_{icon}_{state}.gif width=48 height=48  /></a></td></tr><tr align=center><td><span style=font: 9pt verdana;>{text}</span></td></tr></table></td></tr></table></td></tr></table>',
normal:{borderColor:'#D6EBF3', backgroundColor:'#D6EBF3', state:'n'},
rollovered:{borderColor:'#000000', backgroundColor:'#000000', state:'r'}
},
upArrow:{
common:'<img src=images/btn_up_{state}.gif width=24 height=24 />',
normal:{state:'n'},
rollovered:{state:'r'},
clicked:{state:'c'}
},
downArrow:{
common:'<img src=images/btn_down_{state}.gif width=24 height=24 />',
normal:{state:'n'},
rollovered:{state:'r'},
clicked:{state:'c'}
}
}
},");
                //加载系统菜单
                StringBuilder sbMenu = LoadMenu();
                StringBuilder menuItem = new StringBuilder(string.Empty);
                menuItem.Append(string.Format("panels:[{0}]", sbMenu.ToString()));
                sb.Append(menuItem);
                sb.Append("};new COOLjsOutlookBar(OUTLOOKBAR_DEFINITION);");
                CommonUtils.ClientScriptInclude(Page, "myScript", script);
                CommonUtils.ClientScriptInclude(Page, "myKey", myScript);
                CommonUtils.ClientScript(Page, "hxMenu", sb.ToString());
            }
        }        /// <summary>
        /// 动态取系统菜单
        /// </summary>
        /// <returns></returns>
        private StringBuilder LoadMenu()
        {
            StringBuilder sb = new StringBuilder(string.Empty);
            SysMenu sysMenu = new SysMenu();
            sb = sysMenu.GetMenu();
            return sb;        
        
        }
    }
}
我想让鼠标移动上去账户管理等菜单加个边框或者变色。希望高手帮我看看。

解决方案 »

  1.   

    onmouseouver  onmouseout两个属性嘛，调用2个不同样式不就行了。
      

  2.   


    $(function(){
     $("#divId").mouseover(function(){
      $("#divId").addClass("style");
    });
    });
      

  3.   

    最简单的 也最常用的  就是吧图片做两张  onmouseouver onmouseout 事件里两张图替换
      

  4.   

    做两张图片 onmouseouver onmouseout 事件里两张图片替换