转载

发表于 2015年08月04日
浏览 (638)
评论 (0)

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

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

YAUI Kit | 超级精美的网页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 Kit | 超级精美的网页UI组件

评分组件

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

音频播放器

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

登录表单组件

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

搜索框组件

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

本文版权属于jQuery之家，转载请注明出处： http://www.htmleaf.com/css3/ui-design/201508032351.html

正文到此结束

所属分类：编程技术

本文标签： HTML5 CSS IDE UI 插件 jquery HTML文件 HTML js 代码 ip 视频播放器
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

热门推荐

openfire数据库安装指南

浏览(13,742) 评论(0)
Caffe 深度学习框架上手教程

浏览(10,456) 评论(0)
ReactiveCocoa入门教程：第一部分

浏览(11,287) 评论(0)
开源HIDS-OSSEC使用实例:监测CC攻击

浏览(11,195) 评论(0)
Decorators in ES7

浏览(15,738) 评论(4)
用Electron（Atom编辑器的兄弟项目）开发桌面应用

浏览(28,762) 评论(0)
Windows下JetBrains CLion中文输出乱码的解决方法

浏览(12,215) 评论(1)
同步-@synchronized, NSLock, pthread, OSSpinLock性能比较

浏览(11,177) 评论(0)
Seaweedfs之Volume读请求重定向

浏览(25,455) 评论(3)
HTML、CSS及JavaScript ：有Promise，不会搞大肚子

浏览(13,315) 评论(0)

相关文章

阿里云首购8折

Loading...

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

[HBLOG]公众号

HBLOG

HBLOG