uery插件linkButton

jQuery插件linkButton

• 博客分类：
• jQuery

jQuery CSS .net 

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文件夹.

实例：

Java代码  

1. <a id="add" href="#" class="l-btn" icon="icon-add">增加</a>   
2. <a href="#" class="l-btn" icon="icon-remove">移除</a>   
3. <a href="#" class="l-btn" icon="icon-save">保存</a>   
4. <a href="#" disabled="true" class="l-btn" icon="icon-cut">剪切</a>   
5. <a href="#" class="l-btn" οnclick="javascript:alert('ttt')">文本按键</a>   
6.   
7. $('#add').linkbutton({disabled:true});   // 禁用   
8. $('#add').linkbutton({disabled:false});   // 启用  

   jQuery插件linkButton

   • 博客分类：
   • jQuery

   jQuery CSS .net 
   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文件夹.
   
   实例：
   

   Java代码  

   1. <a id="add" href="#" class="l-btn" icon="icon-add">增加</a>   
   2. <a href="#" class="l-btn" icon="icon-remove">移除</a>   
   3. <a href="#" class="l-btn" icon="icon-save">保存</a>   
   4. <a href="#" disabled="true" class="l-btn" icon="icon-cut">剪切</a>   
   5. <a href="#" class="l-btn" οnclick="javascript:alert('ttt')">文本按键</a>   
   6.   
   7. $('#add').linkbutton({disabled:true});   // 禁用   
   8. $('#add').linkbutton({disabled:false});   // 启用