YAUI Kit | 超级精美的网页UI组件

当前位置:主页 > CSS3库 > UI界面设计 > YAUI Kit | 超级精美的网页UI组件
YAUI Kit | 超级精美的网页UI组件
分享:

    插件介绍

    YAUI Kit是一款十分精美的网页UI组件。这组UI包括颜色拾取器组件,滑块组件,评分组件,步骤图组件,视频播放器组件,菜单组件,下拉菜单组件,进度条组件,消息通知组件,输入框组件,登录表单组件和搜索框组件等。

    浏览器兼容性

    浏览器兼容性
    时间:08-03
    阅读:
简要教程

YAUI Kit是一款十分精美的基于HTML5CSS3的网页UI组件。这组UI包括颜色拾取器组件,滑块组件,评分组件,步骤图组件,视频播放器组件,菜单组件,下拉菜单组件,进度条组件,消息通知组件,输入框组件,登录表单组件和搜索框组件等。

使用方法

在这些组件中,某些操作需要jQuery和jQueryUI的支持,滑块组件需要html5slider.js的支持,音频播放器需要video-controls.js的支持,在使用该网页UI组件时要引入这些依赖文件。

<script src='js/jquery.min.js'></script>
<script src='js/jquery-ui.min.js'></script>
<script src='js/video-controls.js'></script>
<script src='js/html5slider.js'></script>                
              

HTML文件中列出了每一个组件的基本HTML结构,styles.css文件中有所有组件的CSS样式源代码。

下面是一些组件的截图效果:

颜色拾取器

yaUI网页组件-颜色拾取器

评分组件

yaUI网页组件-评分组件

音频播放器

yaUI网页组件-音频播放器组件

登录表单组件

yaUI网页组件-登录表单组件

搜索框组件

yaUI网页组件-搜索框组件