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文件夹.
实例:
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" onclick="javascript:alert('ttt')">文本按键</a>
- $('#add').linkbutton({disabled:true}); // 禁用
- $('#add').linkbutton({disabled:false}); // 启用
jQuery插件linkButton
- 博客分类:
- jQuery
jQueryCSS.netlinkButton是一个可以把<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" onclick="javascript:alert('ttt')">文本按键</a>
- $('#add').linkbutton({disabled:true}); // 禁用
- $('#add').linkbutton({disabled:false}); // 启用
- uery插件linkButton
- jQuery插件linkButton
- LinkButton
- LinkButton
- uery mobile 新手问题总汇
- 04.tooltip提示框插件,linkbutton按钮插件与progressbar进度条插件
- Linkbutton控件
- LinkButton 类
- LinkButton 类
- LinkButton href
- LinkButton实例
- easyUI LinkButton,
- LinkButton控件
- 关于linkbutton
- 【牛腩】LinkButton
- uery.fn.extend与jquery.extend的区别和使用
- uery验证电话号码,邮编,身份证号码(转载和整理)
- GridView中妙用LinkButton
- PopupWindow位置
- Oracle中NVARCHAR2和VARCHAR2及其他
- JAVA线程池:ThreadPoolExecutor
- activiti配置
- Win32 对注册表添加和删除的操作
- uery插件linkButton
- window server 2008 无线无法上网的解决
- Oracle中NVARCHAR2和VARCHAR2及其他
- Vi
- 文件控制(所锁)
- Android framework analysis
- Android AIDL使用详解
- 二分算法
- uboot笔记之makefile分析