出处:
Twitter BootStrap已经火过大江南北,对于无法依赖美工的程序员来说,这一成熟前卫的前端框架简直就一神器,轻轻松松地实现出专业的UI效果。GitHub上相关的的开源项目更是层出不穷,在此整理列举一些感觉不错的组件或增强实现,供大家借鉴。
显示
- 替换alert()消息和其他用户交互通知。
- 可以用Bootstrap或jQueryUI主题的Jquery表格组件。
- 实现替换alert(), prompt(),confirm()通知的Bootstrap组件。
- 一个展示如何在Bootstrap导航菜单中实现SubNavs的例子。
- 基于BootStrap实现的JQuery对话框插件。
- Bootstrap遮罩层(lightbox)对话框实现。
- 轻量级的实现类似微博@username功能的输入感知插件。
- Bootstrap或jQuery UI适用的JavaScript通知。
- 基于Bootstrap的“手风琴”排版向导。
- 一个简单但功能全面的分页组件,基于jQuery,同时支持Bootstrap。
- 标签(tags)输入提示的JQuery插件。
- Bootstrap风格的jQuery表格。
- 快速构建产品介绍的Bootstrap提示框(类似软件启动时的“每日一问”)。
- 顾名思义,Bootstrap标签(tags)功能的实现。
- 基于Bootstrap实现各种箭头图标。
- Bootstrap消息提示对话框的扩展。
- 胶囊盒效果,经常用于tags显示与控制。
- 一个可以编辑、搜索、排序的表格组件,非常大方漂亮(Fuel UX的其他扩展也很不错)。
- Windows8的Metro效果实现。
- 另一款实现网站介绍(“每日一问”等)的Bootstrap提示框。
- 局部带透明滚动条DIV的效果。
- 多种颜色的Bootstrap进度条(貌似新版Bootstrap已实现此功能)。
- 基于Bootstrap UI的HTML5视频播放器插件。
- 动态分页功能实现。
- Bootstrap模态对话框扩展,可用于图片展示站。
- 表格扩展,可以进行改变主题、排序等操作。
- 一个简单的即时显示编辑框。
- 自动展开菜单的下拉菜单实现,可以很好地适应移动设备。
- 又一款Win8的Metro样式实现。
- 遮罩层扩展,可用于图片展示或登录框。
- BootStrap实现的圆点,可用来表述数值大小。
- 提示框扩展。
- Bootbox.js是一个小巧的JavaScript库,允许你生成一个程序化的对话框.
表单
- 带验证提示的输入框改进。
- 出自FUEL UX的树形列表组件。
- 出自FUEL UX的step by step导航条。
- 具有联想功能的输入框,可用于搜索提示。
- Bootstrap实现的双重列表框组件(左右栏内容移动),适用于移动设备。
- jQuery颜色选择(吸管)功能。
- Bootstrap提示框实现Jquery验证提示
- 一款基于Bootstrap的“所见即所得”在线编辑器。
- 漂亮的日期/时间选择组件
- 基于Google Font API的文字选择下拉框
- 又一款不错的日期选择组件
- 基于JQuery的多选下拉菜单组件
- 范围滑动选择的jQuery插件
- Bootstrap扩展,增强了很多功能,如输入框、表单、图标等,值得一看。
- 地址选择输入框(支持google maps)。
- JQuery文件上传组件,支持多文件选取和进度条。
- 基于BootStrap实现的右键菜单。
- BootStrap下拉菜单美化改进
- 数字输入框
- 搜索框
- 支持HTML5的“所见即所得”在线编辑器
- 下拉菜单增强美化
- 支持json数据回调的下拉菜单增强
- 一款界面友好的上传组件。
- 点击链接即可编辑的编辑组件(结合ajax实现页面无刷新)。
- BootStrap可用的JQuery验证插件。
- 美化默认的单选和多选选择框。
- 美化选择组件,如下拉菜单,输入框等。
- 基于Ajax的快速输入框
- ON/OFF切换,类似IOS上的UI风格
输入
- 界面很新颖的时间选择组件
- FUEL UX出品的美化下拉菜单
- 时区选择下拉菜单
- 语言选择下拉菜单
- 手机号码输入框
- 国家选择下拉菜单
- 日期段选择组件
- 日期选择组件
- 又一款颜色选择器(吸管),效果很棒。
转载请注明: