jQuery Tools:Web开发必备的 jQuery UI 库

jQuery Tools 是基于 jQuery 开发的网站界面库,包含网站最常用的Tabs(选项卡)、Tooltip(信息提示)、Overlay(遮罩、弹窗)、Scrollable(滚动控制)、Form Validator(表单验证)、Rangeinput(范围选择)、Dateinput(日期选择)等众多功能。jQuery Tools 提供了高自定义的API接口,能够帮助开发者非常容易的实现所需要的功能,带给用户更佳的使用体验。

 

jQuery Tools:Web开发必备的 jQuery UI 库_第1张图片

 

  相比 jQuery UI,jQuery Tools 提供了作为网站应用更需要使用的功能,jQuery Tools 提供的功能分为三部分,分别是 UI Tools,Form Tools 和 Tools Box,下面会对每个功能模块分别作介绍,另外 jQuery Tools 要比 jQuery UI 的界面更精美,可定制性更好。除此之外,jQuery Tools 核心代码使用 GZIP 压缩后只有3.9KB,及时包括搜有的扩展功能也才14KB,要比 jQuery UI 轻量很多。

UI Tools

  UI Tools 部分包括Tabs、Tooltip、Overlay和Scrollable四个功能模块,各功能模块的Demo如下:

  Tabs(选项卡)

 

jQuery Tools:Web开发必备的 jQuery UI 库_第2张图片

 

  Tooltip(信息提示)

 

jQuery Tools:Web开发必备的 jQuery UI 库_第3张图片

  

  Overlay(遮罩、弹窗)

 

jQuery Tools:Web开发必备的 jQuery UI 库_第4张图片

 

  Scrollable(信息滚动)

 

jQuery Tools:Web开发必备的 jQuery UI 库_第5张图片

 

Form Tools

  Form Tools 部分包括Validator、Rangeinput和Dateinput三个功能模块,各功能模块的Demo如下:

 

jQuery Tools:Web开发必备的 jQuery UI 库_第6张图片

 

  Validator(表单验证)

  Rangeinput(范围选择)

  Dateinput(日期选择)

Tools Box

  Tools Box 部分包括Expose、Flashembed和Combinations三个功能模块,各功能模块的Demo如下:

 

jQuery Tools:Web开发必备的 jQuery UI 库_第7张图片

 

  Expose(突出重点)

  Flashembed(嵌入Flash)

  Combinations(整合功能)

 

你可能感兴趣的:(jquery,UI)