Sym - 一个用 Java 实现的现代化社区平台 • 源码 • 注册

Pipe - 小而美的开源博客平台 • 体验 • 皮肤
Solo - 一个用 Java 实现的博客系统,为你或你的团队创建个博客吧! • 源码下载 
Wide - 一个基于 Web 的 Go 语言 IDE • 教程试用

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

发表于: Jquery有用的示例 | 作者: IIduce
Jquery Tools是一组基于Jquery构建的用户界面常用组件的集合。通过使用Jquery Tools,网站前端开发无疑会变得更加高效。值得注意的是,Jquery Tools的gzip压缩版本仅有5.8k,如此轻量级而且功能实用的UI组件绝对值得我们关注。下面是官方主页对它的一个描述:

 

Jquery Tools包含如今网站六个最有用的javascript工具。它的一个优点是所有这些工具可以一起使用、扩展、配置和样式化。
最终,通过它你可以制作出众多不同的网站部件,或用个人的方式创造新的应用。(This library contains six of the most useful JavaScript tools available for today’s website. The beauty of this library is that all of these tools can be used together, extended, configured and styled. In the end, you can have hundreds of different widgets and new personal ways of using the library. )

下面是Jquery UI包含的工具列表:

  1. 选项卡功能(Tabs)
  2. 提示工具条功能(ToolTips)
  3. 信息滚动功能(Scrollable)
  4. 遮罩效果(overlay)
  5. 突出效果(expose)
  6. Flash嵌入

有人可能会拿jquery tools和jquery ui去做对比,因为这个,国外还有过不小的争论。感兴趣的可以看看这篇文章:Jquery Tools VS Jquery UI,国内也有人对此发表过言论(blogspot被墙了,可能访问不了),下面是一些引用:

原因就出在於TOOLS官網上寫明了它就是要補jQuery UI不足之處,例如:TOOLS有UI缺乏的tooltips、tabs、overlays等功能,且強調檔案比UI還要小。
marcgrabanski認為TOOLS既然對於UI不足之處有意見,最初就應該加入該UI團隊,一起協同開發改造出新版本,畢竟當初是受到UI的啟發,到後來卻因UI不足之處,甚至另起爐灶創立一個新品牌,這樣的行徑並不厚道。
但支持TOOLS的人卻也有不同的聲音,認為網頁開發者本來就是會殷切期望會有更小、更有效率的plugin,UI長久來效能不是最好,不過大家也都無從選擇起,如今又有新的plugin出現,大家樂見其成,應該給予鼓勵。

Jquery Tools在以下浏览器中测试通过:

由于Jquery Tools相关使用要写的东西比较多,所以本博决定分成几篇来写,本篇主要是给大家一个基本的介绍。从下一篇开始依次介绍Jquery Tools中各工具的使用及示例。心急的朋友可以去官方站点的这个页面,上面给出了丰富的示例。

Jquery Tools系列文章导航:

  1. Jquery Tools——不可错过的Jquery UI库(一):简介
  2. Jquery Tools——不可错过的Jquery UI库(二):Tabs选项卡

延伸阅读:

  1. Jquery Tools——不可错过的Jquery UI库(二)
  2. Jquery Tools——不可错过的Jquery UI库(三)
  3. Jquery Tools——不可错过的Jquery UI库(四)
  4. 请从Google服务器加载Jquery,以提高网站性能
  5. 实现页面不同位置间平滑滚动的两种解决方案
  6. 实现文字高亮功能的两种解决方案(Javascript/Jquery)
  7. 强大的Jquery图表绘制插件 —— jqPlot
  8. 使用CSS和JQuery轻松切换网页显示样式


欢迎注册黑客派社区,开启你的博客之旅。让学习和分享成为一种习惯!

留下你的脚步