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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用户界面框架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


以上是关于用户界面框架jQuery EasyUI示例大全之链接按钮的主要内容,如果未能解决你的问题,请参考以下文章

用户界面框架jQuery EasyUI示例大全之进度栏搜索框及表单演示

jQuery EasyUI 详解

项目前端主要基于JQUERY EASYUI的界面美化

JQuery EasyUI后台UI框架使用连载

JQuery EasyUI的常用组件

JQuery EasyUI后台UI框架使用连载