15 個(gè) JavaScript Web UI 庫
LivePipe
LivePipe UI 基于 Prototype Javascript 框架,包含了一整套經(jīng)嚴(yán)格測試并高度可擴(kuò)展的 UI 控件,擁有很好的文檔,在不支持 JavaScript 的環(huán)境中,可以無縫降級(jí)使用。包括 Tab, 窗體,文本框,多選框,評(píng)分控件,進(jìn)度條,滾動(dòng)條,右鍵菜單等多種控件。
UKI
UKI 是一套簡單的 JavaScript UI 工具集,用于快速創(chuàng)建桌面風(fēng)格的 Web 應(yīng)用。包含的控件從滑動(dòng)條,到分欄視圖,不一而足。熟悉 jQuery 的開發(fā)者會(huì)發(fā)現(xiàn)這個(gè)工具很容易上手,非常簡潔,無需安裝框架,不依賴 CSS 引用。
MochaUI
MochaUI 是 MooTools Javascript 框架 與 ExplorerCanvas 的一個(gè)備受歡迎的擴(kuò)展,可以用來快速創(chuàng)建 Web 應(yīng)用,Web 桌面,網(wǎng)站,飾件,獨(dú)立 Windows,Modal 對(duì)話框等等。
中文編譯來源:銳商企業(yè)CMS 網(wǎng)站內(nèi)容管理系統(tǒng) 官方網(wǎng)站
Sigma Ajax UI Builder
SigmaVisual 是一套基于 Web 的,所見即所得的 AJAX UI 創(chuàng)建工具,包含超過40個(gè)不見,如 Tab,對(duì)話框,樹形圖,時(shí)間線等,基于 JavaScript 和 PHP。
Sigma Ajax UI Builder 主頁和下載
Sigma Ajax UI Builder 控件,演示和示例
JxLib based MooTools
JxLib 是一個(gè)基于 MooTools 的 JavaScript UI 框架,包含多數(shù) Web 程序都需要的基本空間,如按鈕,Tab,菜單,樹形結(jié)構(gòu),對(duì)話框等等。JxLib 還支持換膚功能。
Dijit – The Dojo Toolkit
Dijit 基于 Dojo,也是學(xué)習(xí) Dojo 擴(kuò)展的一個(gè)好起點(diǎn)??梢杂脕韯?chuàng)建非常漂亮的 Web 2.0 GUI。支持多語種,甚至支持不同語種的文字書寫方向以及本地化數(shù)字,日期等等。
jQuery TOOLS
jQuery Tools 是一個(gè)非常輕量(2.5kb)的常用 UI 庫,支持以下 jQuery 對(duì)象,Tabs, 工具提示,滾動(dòng)條,層,表單以及 Flash 嵌套。
jQuery TOOLS 主頁與下載
jQuery TOOLS 控件,演示,示例
jQuery UI
jQuery UI 基于 jQuery,包含 3 個(gè)大類,飾件,一些內(nèi)置的 UI 對(duì)象;效果,對(duì)各種網(wǎng)頁對(duì)象施加動(dòng)畫效果(如爆炸效果);鼠標(biāo)交互,如拖放操作。
jQuery UI 首頁與下載
jQuery UI 控件,演示與示例
Prototype UI
Prototype UI 基于 Prototype 與 Script.aculo.us,包括多個(gè)模塊(旋轉(zhuǎn)木馬,Modal 窗口,陰影,右鍵菜單等),每個(gè)模塊可以單獨(dú)安裝使用。
Prototype UI 主頁與下載
Prototype UI 控件,演示與示例
Jitsu
Jitsu 功能包括 XML 標(biāo)記,頁面編譯,動(dòng)畫引擎,Ajax 以及運(yùn)行時(shí)檢測等等,它的 Ajax 功能使消費(fèi)級(jí) Web 應(yīng)用的創(chuàng)建變得非常簡單,支持客戶端數(shù)據(jù)綁定,還可以將頁面編譯成 JavaScript,Jitsu 在 Firefox 和 IE 中運(yùn)行最佳。
Qutensil
Qutensil 仍在開發(fā)中,但其路線圖已經(jīng)顯示出某些引人注目的東西,基于 Prototype 與 Scriptaculous ,包含消息,調(diào)色板,滑動(dòng)條,工具提示,可拖放窗口以及警告,確認(rèn),提示等窗口。
Qutensil 主頁,下載
Qutensil 控件,演示,示例
Script.aculo.us
script.aculo.us 是一個(gè)備受歡迎的 UI 工具集,基于 Prototype 框架,提供了諸如視覺效果,UI 控件以及面向 DOM 的工具。
Alloy UI
AlloyUI 是一套功能豐富的 UI 框架,基于 YUI 3,部分基于 YUI 2,包含一套豐富的(超過60)UI 部件,如圖片庫,對(duì)話框,樹形結(jié)構(gòu),面板,自動(dòng)完成,按鈕,日歷控件,工具條等。
Alloy UI 首頁和下載
Alloy UI 控件,演示與示例
iUI: iPhone UI 框架
IUI 包含一套 JavaScript 庫,CSS 式樣表及圖片,是一個(gè)輕量級(jí) iPhone UI 庫,包含 iPhone 風(fēng)格導(dǎo)航菜單,設(shè)備方向,iPhone 風(fēng)格切換等功能,可以為你的 Web 程序帶來 iPhone 般的體驗(yàn)。
XUI
XUI 是一個(gè)用于移動(dòng) Web 應(yīng)用的輕量,極簡,高度模塊化的框架。它之所以非常輕量的原因是,它只支持移動(dòng)瀏覽器,所有跨瀏覽器支持的代碼都被剝離。它面向一線移動(dòng) Web 瀏覽器,如 Webkit,F(xiàn)ennec 以及 Opera,并有意將來對(duì)移動(dòng) IE 和黑莓提供支持。
Yahoo! YUI Library
Yahoo! YUI Library 可謂所有 Web UI 之父,可靠,功能豐富,目前已經(jīng)發(fā)展到第 3 版。它擁有一個(gè)很龐大的開發(fā)團(tuán)隊(duì),推出了非常豐富的功能,就功能而言,無可匹敵。
YUI Library 主頁與下載
YUI2 入門
YUI3 入門
YUI3 控件,演示與示例
相關(guān)文章
JS實(shí)現(xiàn)選項(xiàng)卡實(shí)例詳解
這篇文章主要介紹了JS實(shí)現(xiàn)選項(xiàng)卡的方法,結(jié)合實(shí)例形式詳細(xì)講述了JavaScript實(shí)現(xiàn)選項(xiàng)卡的布局與功能實(shí)現(xiàn)的完整步驟及相關(guān)技巧,需要的朋友可以參考下2015-11-11JavaScript中如何對(duì)多維數(shù)組(矩陣)去重的實(shí)現(xiàn)
這篇文章主要介紹了JavaScript中如何對(duì)多維數(shù)組(矩陣)去重的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12詳解小程序毫秒級(jí)倒計(jì)時(shí)(適用于拼團(tuán)秒殺功能)
這篇文章主要介紹了小程序毫秒級(jí)倒計(jì)時(shí),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05JavaScript設(shè)計(jì)模式之迭代者模式詳情
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之迭代者模式詳情,迭代器設(shè)計(jì)模式能夠可以讓我們更方便的且有規(guī)矩的進(jìn)行訪問復(fù)合數(shù)據(jù)的每一項(xiàng),也可以通過迭代器進(jìn)行完成一些流線式操作2022-06-06Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHei
Javascript拖拽用到的一些關(guān)于位置定位的一些參數(shù)2008-09-09使用JS實(shí)現(xiàn)一個(gè)功能豐富的待辦事項(xiàng)應(yīng)用
在日常工作和生活中,我們經(jīng)常需要處理各種各樣的待辦事項(xiàng),這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript實(shí)現(xiàn)一個(gè)功能豐富的待辦事項(xiàng)應(yīng)用,需要的可以了解下2024-01-01js計(jì)時(shí)事件實(shí)現(xiàn)圓形時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了js計(jì)時(shí)事件實(shí)現(xiàn)圓形時(shí)鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-10-10js實(shí)現(xiàn)點(diǎn)擊切換checkbox背景圖片的簡單實(shí)例
下面小編就為大家?guī)硪黄猨s實(shí)現(xiàn)點(diǎn)擊切換checkbox背景圖片的簡單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05