`

jQuery插件linkButton

阅读更多
linkButton是一个可以把<a href="#">变成button的插件
button的效果看:http://www.oschina.net/p/linkbutton-jquery-plugin?from=rss

LinkButton jQuery Plugin
http://www.etmvc.cn/project/show/58;jsessionid=406CA38889392B8AD734AB7C57A0EA7F
导入:
先把图片文件夹icons和images导入css文件夹。(css文件夹是你自己建的)
<link rel="stylesheet" type="text/css" href="css/linkbutton.css">
<link rel="stylesheet" type="text/css" href="css/icon.css">
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.linkbutton.js"></script>

使用:
<a  href="#" target="mainFrame" class="l-btn" icon="icon-modify">修改</a>
<a  href="#" target="mainFrame" class="l-btn" icon="icon-no">删除</a>
把你想要变成button的超链接加上class="l-btn",然后再加上你想要显示的图标icon="icon-modify"
这里图标icon-modify是我自定义的,icon-no是linkButton自带的。
图标的样式看icon.css文件,这里有预定于的一些图标,你也可以在这里加入你想要的图标,
不过你得事先把图标图片放入css/images文件夹.

实例:
<a id="add" href="#" class="l-btn" icon="icon-add">增加</a>
<a href="#" class="l-btn" icon="icon-remove">移除</a>
<a href="#" class="l-btn" icon="icon-save">保存</a>
<a href="#" disabled="true" class="l-btn" icon="icon-cut">剪切</a>
<a href="#" class="l-btn" onclick="javascript:alert('ttt')">文本按键</a>

$('#add').linkbutton({disabled:true});   // 禁用
$('#add').linkbutton({disabled:false});   // 启用
分享到:
评论

相关推荐

    jquery扩展demo

    仿easyui,清晰简洁,适合初学者,包含扩展jquery.accordion.js、jquery.combobox.js、jquery.datagrid.js、jquery.datebox.js、jquery.dialog.js、jquery.form.js、jquery.layout.js、jquery.linkbutton.js、jquery...

    Jquery插件 easyUI属性汇总

    本文将汇总 EasyUI 中的一些关键属性,主要聚焦于 `jQuery UI` 插件,尤其是 `easyUI` 中的 `window`, `panel`, `linkbutton`, 和 `validatebox` 这几个组件。 首先,`easyui-window` 是用于创建窗口组件的 CSS 类...

    jquery EasyUI插件属性汇总.

    本文主要对 jQuery EasyUI 中的几个常用插件进行属性汇总,包括 window、panel 和 linkbutton 组件。 #### 二、diveasyui-window 属性汇总 **1. diveasyui-window** 用于生成一个窗口样式。 - **modal**:确定...

    Jquery easyUI插件以及使用方法

    jQuery EasyUI 是一个基于 jQuery 的轻量级框架,它提供了丰富的用户界面组件,使得开发者能够快速构建出美观且功能强大的Web应用。EasyUI 提供了一种简洁的方式来定义和设计用户界面,无需深入学习复杂的HTML、CSS...

    JQUERY-EASYUI添加搜索框

    在本文中,我们将深入探讨如何使用JQuery EasyUI与jQuery SearchBox插件在DataGrid中添加搜索功能。JQuery EasyUI是一个基于JQuery的轻量级框架,它提供了一组丰富的用户界面组件,如DataGrid、Dialog、Form等,极大...

    jquery easyui 模板

    - **插件扩展**:除了核心组件外,社区还提供了许多第三方插件,如拖放排序、图表、富文本编辑器等。 - **Ajax 数据绑定**:结合 jQuery 的 Ajax 功能,可以实现数据的动态加载和异步更新。 在 `jquery-easyui-...

    jquery.easyui.min

    1. **基础使用**:在HTML文件中引入“jquery.easyui.min.js”后,可以通过jQuery选择器选取元素,然后调用EasyUI的插件方法,如`$(element).datagrid(options)`来创建一个数据网格。 2. **布局管理**:EasyUI提供了...

    轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮

    jQuery插件EasyUI简介 EasyUI是一个基于jQuery的前端UI框架,它提供了一套丰富的界面组件,使得开发人员能够快速构建出美观、一致的用户界面。EasyUI的组件都是可定制的,并且易于使用的,通过简单的HTML标签和类就...

    jQuery EasyUI EasyUI 组件范例

    jQuery EasyUI 是一个基于 jQuery 的用户界面插件集合,它提供了一套丰富的 UI 组件库,包括按钮、表单、网格、树形结构等,可以极大地简化前端开发工作,使得开发者能够更加专注于业务逻辑的实现而无需过多地关注...

    jquery-easyui-1.3.6.zip

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...

    jquery插件EasyUI中form表单提交实例分享

    使用jQuery插件EasyUI可以简化表单的创建和提交过程。本文将详细介绍如何在EasyUI环境中创建一个表单,并通过实例展示如何提交表单数据到服务器端。 #### EasyUI表单的基本结构 在EasyUI中,创建一个表单需要使用`...

    jQuery EasyUI 中文文档

    jQuery EasyUI 是一个基于 jQuery 的简化用户界面插件集合。它提供了一系列丰富的用户界面组件,可以帮助开发者快速构建美观且功能强大的 Web 应用程序。通过简单的 JavaScript 调用或 HTML 标签属性设置即可实现...

    轻松学习jQuery插件EasyUI EasyUI创建CRUD应用

    在本文中,我们将深入探讨如何使用jQuery插件EasyUI创建CRUD(Create, Read, Update, Delete)应用程序,这是管理数据库记录的基础。EasyUI是一个基于jQuery的轻量级框架,提供了一系列组件,如datagrid、dialog、...

    jquery-Easyui引用与例子

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的组件和插件,帮助开发者快速构建用户界面。EasyUI 提供了丰富的UI控件,如表格、对话框、菜单、表单、树形结构等,极大地简化了网页开发的工作量。 #...

    李炎恢jQuery EasyUI讲义代码

    jQuery EasyUI 是一个基于 jQuery 的简单用户界面插件集合。它提供了一系列丰富的 UI 组件,如按钮、对话框、网格等,可以帮助开发者快速地构建美观且功能强大的 Web 应用程序。EasyUI 通过简洁的 API 设计极大地...

    jquery组件框架案例

    jQuery EasyUI 是由一系列 jQuery 插件组成的,这些插件包括但不限于:数据表格(datagrid)、对话框(dialog)、下拉菜单(menu)、表单(form)、按钮(button)等。这些组件的设计理念是“易于使用”,开发者可以...

    jQuery封装的组件

    这可能是为了帮助开发者理解并应用jQuery组件封装的原理,同时也可能是一个可以直接使用的工具或插件。 压缩包内的文件名: 1. **linkbutton.html**:这很可能是一个包含HTML结构的文件,展示了如何在网页中使用...

    ajax安装插件

    3. **jQuery和jQuery UI**:虽然VS2005的Ajax插件提供了基础功能,但更广泛的Ajax功能可以通过引入jQuery和jQuery UI库来实现。 通过以上内容,你应该对VS2005中的Ajax插件有了全面的认识,可以开始你的Ajax开发之...

    Jquery easyUI帮助

    JQuery EasyUI是一个基于JQuery的用户界面插件集合,它极大地简化了Web页面的构建过程。通过使用JQuery EasyUI,开发人员可以减少JavaScript代码的编写量,而是通过简单的HTML标记来定义用户界面。这使得开发工作变...

Global site tag (gtag.js) - Google Analytics