Button、MenuButton下拉菜单

szjazz

1. <f:Button ID="Button1" Text="主 菜 单" EnablePostBack="False" Size="Small" runat="server" Icon="House">
   
2.                                 <Menu ID="fastMenu" runat="server">
   
3.                                     <f:MenuButton ID="CustomerMgr" runat="server" Text="客户管理" OnClick="btnLoadForm_Click"></f:MenuButton>
   
4.                                     <f:MenuButton ID="LinkManMgr" runat="server" Text="联系人" OnClick="btnLoadForm_Click"></f:MenuButton>
   
5.                                     <f:MenuButton ID="ActionMgr" runat="server" Text="沟通联系" OnClick="btnLoadForm_Click"></f:MenuButton>
   
6.                                     <f:MenuButton ID="RemindMgr" runat="server" Text="事务提醒" OnClick="btnLoadForm_Click"></f:MenuButton>
   
7.                                     <f:MenuButton ID="OppMgr" runat="server" Text="业务机会" OnClick="btnLoadForm_Click"></f:MenuButton>
   
8.                                     <f:MenuButton ID="OfferMgr" runat="server" Text="报价追踪" OnClick="btnLoadForm_Click"></f:MenuButton>
   
9.                                     <f:MenuButton ID="OrderMgr" runat="server" Text="合同订单" OnClick="btnLoadForm_Click"></f:MenuButton>
   
10.                                     <f:MenuButton ID="GatherMgr" runat="server" Text="收款记录" OnClick="btnLoadForm_Click"></f:MenuButton>
    
11.                                     <f:MenuButton ID="SurveyMgr" runat="server" Text="服务调查" OnClick="btnLoadForm_Click"></f:MenuButton>
    
12.                                     <f:MenuSeparator ID="MenuSeparator1" runat="server"></f:MenuSeparator>
    
13.                                     <f:MenuButton ID="NewsCenter" runat="server" Text="新闻公告" OnClick="btnLoadForm_Click"></f:MenuButton>
    
14.                                     <f:MenuButton ID="Knownledge" runat="server" Text="知识分享" OnClick="btnLoadForm_Click"></f:MenuButton>
    
15.                                 </Menu>
    
16.                             </f:Button>

复制代码

借助Button和Menu组合成下拉菜单，发现一点，只有点击了Button之后，才会弹出下拉菜单，方可在Button和Menu形成的多个菜单项之项移动，鼠标移动某个Button，才会自动显示出其对应的下拉菜单
检验效果：http://www.fineui.com/demo/#/demo/toolbar/menucheckbox.aspx

本人希望能鼠标移到这些菜单项之间的任一个时，会自动显示出其对应的下拉菜单内容，而移走后会自动隐藏下拉菜单项，哪位有改进过，请指教！

另外，本人用到RegionPanel，如果将这种模型的菜单放在Top顶部Region，用JS、Html来实现的话，却无法显示出下拉菜项来，被中间区Region的遮住了，本人不断调试CSS，用了z-Index还是无法达到效果，哪位有做过类似的页面，请上传代码，以观摩学习，谢谢！