jQuery Tools——不可错过的jQuery UI库

14年前
JQueryTools是 一组基于JQuery构建的用户界面常用组件的集合。通过使用jQueryTools,网站前端开发无疑会 变得更加高效。值得注意的是,jQueryTools的gzip压缩版本仅有5.8k,如此轻量级而且功能实用的UI组件绝对值得我们关注。下面是官方主页对它的一个描述:
JqueryTools包含如今网站六个最有用的JavaScript工具。它的一个优点是所有这些工具可 以一起使用、扩展、配置和样式化。
最终,通过它你可以制作出众多不同的网站部件,或用个人的方式创造新的应用。
下面是JqueryUI包含的工具列表:

  1. 选项卡功能(Tabs)
  2. 提示工具条功能(ToolTips)
  3. 信 息滚动功能(Scrollable)
  4. 遮罩效果(overlay)
  5. 突出效果(expose)
  6. Flash 嵌入
  7. 表单验证(Validator)
  8. 范围选取(Rangeinput)
  9. 日期选择 (Dateinput)


以下分别是具体功能列表:

jQuery Tools——不可错过的jQuery UI库

1、选项卡(Tabs)

jQuery Tools——不可错过的jQuery UI库

效果图

jQuery Tools——不可错过的jQuery UI库

2、提示工具条(ToolTips)

jQuery Tools——不可错过的jQuery UI库

效果图

jQuery Tools——不可错过的jQuery UI库

3、遮罩效果(overlay)

jQuery Tools——不可错过的jQuery UI库

效果图

jQuery Tools——不可错过的jQuery UI库

4、滚动效果(Scrollable)

jQuery Tools——不可错过的jQuery UI库

效果图

jQuery Tools——不可错过的jQuery UI库

5、突出效果(expose)

jQuery Tools——不可错过的jQuery UI库

效果图

jQuery Tools——不可错过的jQuery UI库

6、Flash嵌入

jQuery Tools——不可错过的jQuery UI库

效果图

jQuery Tools——不可错过的jQuery UI库

7、表单验证(Validator)

jQuery Tools——不可错过的jQuery UI库

效果图

jQuery Tools——不可错过的jQuery UI库

8、范围选取(Rangeinput)

jQuery Tools——不可错过的jQuery UI库

效果图

jQuery Tools——不可错过的jQuery UI库

9、日期选择(Dateinput)

jQuery Tools——不可错过的jQuery UI库

效果图

10、 综合运用(Combinations)

jQuery Tools——不可错过的jQuery UI库

效果图