jQuery 工具

 

jQuery Tools 使用也很简便，只需几行调用代码即可，其官方站点包含大量演示和调用代码可以参考。以下是该 UI 库中包含的主要 UI 工具介绍。Overlay （浮动层）可以用来浮动在任何 HTML 对象的上方，在现代 Web 设计中，浮动层是一种非常有效的 UI 概念，可以用来着重显示你的产品，显示警示信息，提示用户输入，以灯箱风格浏览图片库，jQuery Tools / Overlay 可以很轻松地处理上述各种情形和各种效果。工具提示是 Web 上最实用的工具，Web 默认的提示工具太简陋，jQuery Tools / Tooltip 会以一种非常漂亮的视觉效果显示提示内容。Web 上最受欢迎的 UI 部件当属 Tab 容器，如果没有 Tab，我们的很多网页不知要多么混乱，所有用户都熟悉 Tab 这种用户友好的部件，jQuery Tools / Tab 非常好用，甚至可以使用浏览器的前进后退导航按钮在 Tab 间前进或后退。jQuery Tools / Scrollable 可以在网页中实行定制的，局部的滚动，在现代 Web 设计中，这几乎是最受欢迎的一种技术，可以用在下面这些场合： 产品目录，滚动新闻，在表单中实现定制选择框，浏览图片库，视频播放列表，各种站点导航。如今 JavaScript 真是越来越快了，所有浏览器都在 JavaScript 引擎上较量，我们会看到越来越多的基于 JavaScript 的 Web 部件面世，然而至少在当下， Flash 仍有其用武之地，比如播放视频。

 

jQuery Tools / Flashembed 可以用来在网页中加载 Flash 对象，虽然类似的工具比比皆是，但 Flashembed 绝对是其中最好用的一个。QueryTools的功能侧重于信息展示和视觉效果，从网页常用的功能点上改善用户体验和可阅读性。这一点与其它一些JavascriptUI库不同，它们可能会侧重于一些桌面应用程序效果，诸如拖拽、滑动、排序等，这在富应用程序（RIA）中的应用可能会更多些。而jQueryTools可用于广泛的网站设计中。jQueryTools并不是一个框架性的东西，不具有什么学习难度，在掌握一些使用规则后，在页面中引用了它的脚本文件就可以立即使用了。虽然它是基于jQuery的，但是并不意味着你需要掌握jQuery才能使用它。当然如果你能了解jQuery的诸如选择器的简单使用，更有助于掌握jQuery Tools。jQuery Tools的使用严格遵循了javascript代码不与css定义混合的原则。它在使用时仅仅是通过预定义的class来控制html，CSS样式定义完全由你来控制。