用户界面框架jQuery EasyUI示例大全之连接按钮

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

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

基本连接按钮

本演示主要展现了基本的连接按钮，可使用'a'或'button'元素建立按钮。【另附源代码供你们参考】

|在线Demo

普通连接按钮

具备普通样式的按钮拥有的是透明背景，本演示主要为你们展现了普通的连接按钮。【另附源代码供你们参考】

|在线Demo

连接按钮大小

本演示主要为你们展现如何显示大按钮和小按钮。【另附源代码供你们参考】

|在线Demo

在连接按钮上对齐图标

本演示主要为你们展现如何在连接按钮上更改图标的对齐方式，能够放置在按钮的左、右、顶部或底部。【另附源代码供你们参考】

|在线Demo

切换按钮

本演示主要展现了切换按钮，点击按钮切换选择的状态。【另附源代码供你们参考】

|在线Demo

按钮组

本演示主要展现按钮组，在按钮组中只有一个按钮能够选择。【另附源代码供你们参考】

|在线Demo

连接按钮样式

本演示主要说明了如何设置连接按钮的样式。【另附源代码供你们参考】

|在线Demo

流体连接按钮

本演示主要展现了如何设置连接按钮的宽度为其父容器的百分比。【另附源代码供你们参考】

|在线Demo

基本菜单

本演示主要介绍了基本的菜单，点击右键显示菜单页。【另附源代码供你们参考】

|在线Demo

自定义菜单项

右键单击页面来显示菜单，移动到'Open'来显示其自定义的副本内容。【另附源代码供你们参考】

|在线Demo

内联菜单

本示例主要为你们介绍了内联菜单，该内联菜单保留在其父容器内。【另附源代码供你们参考】

|在线Demo