`

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...

    html样式的LinkButton

    flex中html样式的LinkButton

    LinkButton实现图片文字Button效果

    LinkButton实现图片文字Button效果

    flex linkbutton选中变色

    flex linkbutton选中变色,这个是比较容易理解,是在一些网上代码的基础上更改的

    linkbutton的用法

    关于linkbutton的用法,linkbutton的样式和用法是我们的一个很好的出路

    jquery-easyui-1.3.6.zip

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

    IE10中LinkButton没作用解决文件

    IE10中LinkButton没作用解决文件,把文件拉到项目中即可!

    解决IE10和IE11点击LinkButton没反应的服务端补丁

    解决IE10和IE11点击LinkButton没反应的问题,由于Microsoft .Net Framework 4.0下ASP.NET在IE10以上版本访问LinkButton时不能触发doPostBack事件,在分页或者控件使用LinkButton的时候点击无反应或提示doPostBack...

    IE10下LinkButton就没有作用的解决方法

    这次做了一个项目测试的时候郁闷了好一阵,在开发的时候没有问题,但是一传到服务器上IE10下LinkButton就没有作用了,调试后发现少了_doPostBack,后来找了好久找到了解决方案,在网站的根目录下App_Browsers文件夹...

    jQuery EasyUI 1.4 离线简体中文API文档

    jQuery EasyUI 1 4版本更新内容: Bug(修复) menu:修复在删除一个菜单项的时候该菜单无法正确自适应高度的问题; datagrid:修复在datagrid宽度太小的时候“fitColumns”方法无法正常工作的问题 Improvement...

    jQuery EasyUI 1.3.6 离线简体中文API文档

    最新版本的jQuery EasyUI 1.3.6版全中文API汉化文档火热出炉,由于很多人和我要chm格式的,所以本次API我提供了2种版本的API,一个还是以前的EXE格式,另外一个就是人气颇高的chm格式。本次还将EasyUI 1.3.6版直接...

    jQuery EasyUI 1.2.4 API 中文文档.chm

    本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...

    自定义控件LinkButton源码(WebControl)

    自定义控件LinkButton源码(WebControl) 自定义控件LinkButton源码(WebControl) 自定义控件LinkButton源码(WebControl)

    改变asp.net linkButton控件的默认操作

    改变asp.net linkButton控件的操作

    jQuery EasyUI 1.4 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    linkbutton:添加“resize”方法 New Plugin(新组件) textbox:该组件是一个增强的输入字段 它可以让用户非常简单的构建一个表单; datetimespinner:该组件是一个日期和时间的微调组件 它允许我们选择一个特定...

    Linkbutton控件在项目中的简单应用

    Button控件可分为button控件、LinkButton控件、ImageButton控件三类,而LinkButton控件则在页面上显示为一个超级链接,下面与大家分享下其具体应用

    jquery_datagrid

    myJqueryUI目前包括linkbutton(超链接按钮)、pagination(分页工具栏)、datagrid(数据表格)三个组件。是参考JqueryEasyUI的样式和布局结构,继承JqueryUI_widget实现的。

    VC++6.0 个人学习案例 实现LinkButton

    VC++6.0 个人学习案例 实现LinkButton,VC++想改变一个Static或者Edit或者Button的颜色真难,这个就可以改变Button的颜色,并且不需要另加控件!

Global site tag (gtag.js) - Google Analytics