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文件夹.
实例:
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}); // 启用