用户界面框架jQuery EasyUI示例大全之菜单和拆分按钮演示

>

jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件，助您打造适合当今网络的应用程序。

菜单事件

本演示主要展示了菜单事件，在页面上右键单击显示菜单，然后单击下一个项目。【另附源代码供大家参考】

|在线Demo

菜单中的键盘导航

按Alt+ W关注菜单，一旦聚焦到菜单，您将能够使用键盘导航菜单。【另附源代码供大家参考】

|在线Demo

基本菜单按钮

本演示主要展示了基本的菜单按钮，将鼠标移动按钮上即会显示下拉菜单。【另附源代码供大家参考】

|在线Demo

菜单按钮操作

本演示主要展示了菜单按钮的基本操作，点击按钮来执行操作。【另附源代码供大家参考】

|在线Demo

菜单对齐方式

本演示主要展示了如何更改顶级菜单的对齐方式。【另附源代码供大家参考】

|在线Demo

菜单按钮中的键盘导航

使用Alt+W聚焦到菜单按钮，一旦菜单按钮获得焦点，您将能够使用键盘上的按键来导航菜单按钮。【另附源代码供大家参考】

|在线Demo

基本的拆分按钮

本演示主要展示了基本的拆分按钮，将鼠标移动到按钮的箭头区域会显示下拉菜单。【另附源代码供大家参考】

|在线Demo

拆分按钮操作

本演示主要展示了拆分按钮的操作，点击按钮来执行操作。【另附源代码供大家参考】

|在线Demo