jquery button 漂亮

http://gaojiewyh.iteye.com/blog/518532

 

 

1、UI控件使用说明 －－ 按扭 (有问题请联系 曾宪斌)

• 首先在head中加载以下四个文件
  <link rel="STYLESHEET" type="text/css" href="style/style.css">
  <link rel="STYLESHEET" type="text/css" href="style/icon.css">
  <script language="javascript" src="script/jquery-1.3.2.min.js"></script>
  <script language="javascript" src="script/pico-ui.js"></script> 这样页面中的所有input按扭都将会被自动渲染为
  
  
• 通过CSS更改图标，如.icon-save {background-image: url(icons/save.gif) !important;},
  页面标签添加icon属性：<input icon='icon-save' type='button' value='按扭' >
  
  
• 示例
  <input type='button' value='按扭' onclick='alert(1)'>
  <input id='dsb' type='button' value='disabled按扭' onclick='alert(1)' disabled>
  <input type='button' value='可用' onclick='javascript:$("#dsb").bnt().enable()'>
  <input type='button' value='不可用' onclick='javascript:$("#dsb").btn().disable()'>
  
  <input icon='icon-save' type='submit' value='提交' >
  <input icon='icon-reset' type='button' value='重置' >
  
  <input icon='icon-search' type='button' value='查询' >
  <input icon='icon-add' type='button' value='添加' >
  <input icon='icon-edit' type='button' value='编辑' >
  <input icon='icon-delete' type='button' value='删除' >
  <input icon='icon-save' type='button' value='保存' >
  

 

 

 

评论

2 楼 coosummer 2015-11-11  

推荐使用http://buttoncssgenerator.com ，可以生成各种效果的按钮css，包括圆角、渐进颜色、阴影，并兼容各大主流浏览器

1 楼 shangxin05 2012-06-06  

这可是好东西啊~~~~ 顶起