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" οnclick="javascript:alert('ttt')">文本按键</a>

$('#add').linkbutton({disabled:true});   // 禁用
$('#add').linkbutton({disabled:false});   // 启用

• linkbutton.rar (40.2 KB)
• 下载次数: 325