uery插件linkButton

来源:互联网 发布:入我相思门知我相思苦 编辑:程序博客网 时间:2024/06/14 05:25

jQuery插件linkButton

    博客分类:
  • jQuery
jQueryCSS.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" onclick="javascript:alert('ttt')">文本按键</a>   
  6.   
  7. $('#add').linkbutton({disabled:true});   // 禁用  
  8. $('#add').linkbutton({disabled:false});   // 启用  

    jQuery插件linkButton

      博客分类:
    • jQuery
    jQueryCSS.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" onclick="javascript:alert('ttt')">文本按键</a>   
    6.   
    7. $('#add').linkbutton({disabled:true});   // 禁用  
    8. $('#add').linkbutton({disabled:false});   // 启用  
原创粉丝点击