简简单单右键菜单

核心提示： 菜单项/菜单组 分割线这里一个要注意的地方就是多级菜单其实在HTMl结构是分离的，只是通过显示的位置在视觉上给人连载一起（另外就是箭头图标了）第二接着是CSS了（是修改过的）CSS非常简单,因为HTML结构本身也不复杂01..b-m-mpanel{02.background:#F0F0F0url

菜单项/菜单组　　　

分割线

这里一个要注意的地方就是多级菜单其实在HTMl结构是分离的，只是通过显示的位置在视觉上给人连载一起（另外就是箭头图标了）

第二接着是CSS了（是修改过的）

CSS非常简单,因为HTML结构本身也不复杂

01..b-m-mpanel　{
02.　　　　background:　#F0F0F0　url(images/contextmenu/menu_bg.gif)　left　repeat-y;
03.　　　　border:　1px　solid　#718BB7;
04.　　　　padding:　2px　0;
05.　　　　position:　absolute;
06.　　　　z-index:　99997;
07.}
08..b-m-split　{
09.　　　　height:　6px;
10.　　　　background:　url(images/contextmenu/m_splitLine.gif)　center　repeat-x;
11.　　　　font-size:　0px;
12.　　　　margin:　0　2px;
13.}
14..b-m-item,　.b-m-idisable
15.{
16.　　　　padding:　4px　2px;
17.　　　　margin:　0　2px　0　3px;
18.　　　　cursor:　normal;
19.　　　　line-height:100%;
20.}
21..b-m-idisable
22.{
23.　　　　color:#808080;
24.}
25..b-m-ibody,　.b-m-arrow　{
26.　　　　overflow:　hidden;
27.　　　　text-overflow:　ellipsis;
28.　　　　　
29.}
30..b-m-arrow　{
31.　　　　background:　url(images/contextmenu/m_arrow.gif)　right　　no-repeat;　　　
32.}
33..b-m-idisable　.b-m-arrow
34.{
35.　　　　background:none;
36.}
37..b-m-item　img,　.b-m-ifocus　img,　.b-m-idisable　img　{
38.　　　　margin-right:　8px;
39.}
40..b-m-ifocus　{
41.　　　　background:　url(images/contextmenu/m_item.gif)　repeat-x　bottom;
42.　　　　border:　1px　solid　#AACCF6;
43.　　　　padding:　3px　1px　;
44.　　　　margin:　0　2px　0　3px;
45.　　　　cursor:　normal;
46.　　　　line-height:100%;
47.}
48..b-m-idisable　img　{
49.　　　　visibility:hidden;
50.}