jQuery插件linkButton

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

LinkButton jQuery Plugin
[url]http://www.etmvc.cn/project/show/58;jsessionid=406CA38889392B8AD734AB7C57A0EA7F[/url]
导入:
先把图片文件夹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" [color=red]class="l-btn" icon="icon-modify"[/color]>修改</a>
<a href="#" target="mainFrame" [color=red]class="l-btn" icon="icon-no"[/color]>删除</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}); // 启用
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值