The Will Will Web

記載著 Will 在網路世界的學習心得與技術分享

介紹 jQuery Tools 與 jQuery UI 這兩套好用的 jQuery 套件

分享到噗浪!

我想家喻戶曉的 jQuery UI 套件應該不用特別介紹了,但我最近又看到一套不錯的 jQuery Tools 套件,相較於知名且多功能的 jQuery UI 套件,jQuery Tools 提供一種額外的選擇,他只提供幾種網站上最常用的功能,包括 Tabs、Tooltips、Expose、Overlay、Scrollable、Flashembed 等,其中的 Flashembed 就可以取代我們之前常用的 swfobject 套件,他還支援 SIFR 功能喔。光聽我說還不夠,最好立即看看線上展示,你就知道有哪些酷炫實用的效果了。

jQuery TOOLS - The missing UI library for the Web

整個套件在透過 gzip 壓縮過僅 5.8KB 除了下載快,JavaScript 的執行速度也號稱相當快,而且還提供 CDN (Content Delivery Network) 下載連結如下:

<script src="http://cdn.jquerytools.org/1.0.2/jquery.tools.min.js"></script>

當然在載入 jQuery Tools 還是必須先載入 jQuery 的,目前的 1.0.2 版相容於 jQuery 1.3.2 版。若要透過 Google 的 CDN 網路下載 jQuery 可以參考我這篇文章的說明,或直接用以下語法載入 jQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

即便 jQuery Tools 也是另一個佛心級的開放原始碼產品(免費),但有趣的是我還看到網路上有人直接拿 jQuery Tools vs jQuery UI 做評比,而且還引發不小的爭論,連 jQuery Tools 的作者也參與討論,也連帶的促進 jQuery Tools 的進步,讓 jQuery Tools 與 jQuery Plugins 架構的相容性更高,相信日後會有越來越好用的新功能出現,值得關注。

相關連結

評論 (3) -

  • 小謝

    2011/5/19 上午 03:14:01 |

    不好意思
    我想知道要怎麼做在我的網頁內嵌一個登入框(可以輸入帳號密碼和登入按鈕)
    而且還可以關閉這個框
    類似EYNY論壇按右上角的登入
    http://www06.eyny.com/index.php

blog comments powered by Disqus