1. 1
2. 2
3. 3

# Hi,H-ui v4.0!

开始全新的前端之旅！

表单
邮箱：
用户名：
手机：
密码：
密码验证：
其他信息
单选框：
男
女
保密
出生日期：
爱好：
上网
摄影
数量：
附件：
 浏览文件
所在城市：
网址：
备注：
按钮

button | input | a | disabled状态 | 空心
--- | --- | --- | --- | ---
|  | 默认 |  |
|  | 主要 |  |
|  | 次要 |  |
|  | 成功 |  |
|  | 警告 |  |
|  | 危险 |  |
|  | 链接 |  |
|  | 虚线 |  |

### 按钮大小

按钮 | class=""
--- | ---
| `size-XL`
| `size-L`
| `size-M` 缺省值
| `size-S`
| `size-MINI`

### 按钮组

左边按钮 中间按钮 中间按钮 右边按钮

   
     
  
  
列表

- 无序列表
- 无序列表
- 无序列表

1. 有序列表
2. 有序列表
3. 有序列表

1. 1有序列表
2. 2有序列表
3. 3有序列表

图片

《仙剑奇侠传》赵灵儿 (20张)
遮罩条
表格

表头 | 表头 | 表头
--- | --- | ---
类别 | 表格内容 | 表格内容
类别 | 表格内容 | 表格内容
类别 | 表格内容 | 表格内容

选项卡
选项卡一 选项卡二 自适应宽度
内容一
内容二
内容三
便签与标号

class="" | 标签 | 标号 | 描述
--- | --- | --- | ---
`hui-label hui-label-default radius` | 默认 | 1 | 默认
`hui-label hui-label-primary radius` | 主要 | 2 | 主要
`hui-label hui-label-secondary radius` | 次要 | 3 | 次要
`hui-label hui-label-success radius` | 成功 | 4 | 成功
`hui-label hui-label-warning radius` | 警告 | 5 | 警告
`hui-label hui-label-danger radius` | 危险 | 6 | 危险

警告

成功状态提示

危险状态提示

错误状态提示

信息状态提示
进度条
弹出窗口

分享到
      
标签
星星评价
描述相符：
tooltip效果
popover效果
H-ui官方插件

名称 | 版本号 | 描述
--- | --- | ---
jQuery.Huihover.js | 2.0 | hover
jQuery.Huifocusblur.js | 2.0 | 得到失去焦点
jQuery.hui-fold.js | 2.0 | 折叠
jQuery.Huipreview.js | 2.0 | 图片预览
jQuery.Huispinner.js | 2.0 | 微调器
jQuery.Huitab.js | 2.0 | 选项卡
jQuery.Huitag.js | 2.0 | 标签
jQuery.Huitextarealength.js | 2.0 | 字数限制
jQuery.HuitogglePassword.js | 2.0 | 隐藏显示密码
jQuery.Huitotop.js | 2.0 | 返回顶部

H-ui.js v3.0 整合的第三方插件(引入了H-ui.js v3.0版本，无需再单独重复引用以下插件) 感谢以下插件！优秀的插件就像金子一样，处处发光

名称 | 版本号 | 描述
--- | --- | ---
jQuery.cookie.js | 1.4.1 | jQuery cookie插件。
jQuery.form.js | 3.51.0 | jquey表单插件。
jQuery.lazyload.js | 1.9.3 | 图片的延迟加载插件。
jQuery.responsive-nav.js | 1.0.39 | 响应式导航插件。
jQuery.placeholder.js | 1.0 | IE浏览器支持placeholder。
jQuery.emailsuggest.js | 1.0 | 邮箱域名自动提示填充插件。
jQuery.format.js | 1.0 | 格式化字符串。
jQuery.iCheck.js | 1.0 | 单选框，复选框美化插件。
jQuery.onePageNav.js | 1.0 | 单页面滚动导航。
jQuery.stickUp.js | 1.0 | 网页滚动，元素固定置顶插件。
jQuery.ColorPicker.js | 1.0 | 颜色控件。
Bootstrap.modal.js | 3.3.0 | Bootstrap模态窗口，弹窗插件。
Bootstrap.dropdown.js | 3.3.0 | Bootstrap下拉框插件。
Bootstrap.transition.js | 3.3.0 | Bootstrap过渡效果(Transition)插件。
Bootstrap.tooltip.js | 3.3.0 | Bootstrap工具提示插件。
Bootstrap.popover.js | 3.3.0 | Bootstrap弹出框插件。
Bootstrap.alert.js | 3.3.0 | Bootstrap警告框插件。
Bootstrap.slider.js | 1.0.1 | Bootstrap滑动条插件。
Bootstrap.datetimepicker.js | 1.0 | Bootstrap日期插件。
Bootstrap.Switch.js | 1.3 | Bootstrap 开关控件。

lib中的第三方插件 非必选插件，请有选择性的使用，用不上的可自行删除，减少框架体积

名称 | 版本号 | 描述
--- | --- | ---
jQuery.js | 1.9.1 | jQuery库，可自行下载新版本，替换现有版本。
jquery.SuperSlide | 2.1.3 | 幻灯片组件
jquery.validation | 1.14.0 | 表单验证插件
datatables | 1.10.0 | 表格插件
nprogress | 0.2.0 | 进度条插件
layer | 3.1.1 | layer弹出层插件
laypage | 1.3 | laypage 翻页插件
html5shiv.js | 3.7.0 | html5插件，让低版本IE支持html5元素
DD_belatedPNG_0.0.8a-min.js | 0.0.8a | 解决IE6png透明
swfobject.js | 2.2 | Flash插件
waterfall.min | 0.1.6 | 瀑布流插件

### 对话框标题

×

对话框内容…