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

来源:互联网 发布:linux daemon用户权限 编辑:程序博客网 时间:2024/05/21 04:01

<jQuery EasyUI最新试用版免费下载>

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

菜单事件

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

|在线Demo

菜单中的键盘导航

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

|在线Demo

基本菜单按钮

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

|在线Demo

菜单按钮操作

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

|在线Demo

菜单对齐方式

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

|在线Demo

菜单按钮中的键盘导航

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

|在线Demo

基本的拆分按钮

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

|在线Demo

拆分按钮操作

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

|在线Demo

0 0