YAUI Kit是一款十分精美的基于HTML5和CSS3的网页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样式源代码。
下面是一些组件的截图效果:
颜色拾取器
评分组件
音频播放器
登录表单组件
搜索框组件