JQuery UI 框架

Ninja UI，是一款界面插件，使用它將能給你的項目增色不少。此插件包含有幻燈，智能提示等常見的效果。

目前的文檔還不是很全，但是官方提供的例子已經很詳細了，所以也是很容易使用的。

在線演示：http://ninjaui.com/examples

和 jQuery UI 一樣，Chico UI 包含 auto-complete, blink, carousel, countdown, date-picker, dropdown,expand, calendar 等諸多逐漸，同時還提供一個 CSS 佈局框架，用於實現網頁佈局和表格。

3、jQuery UI組件 jQuery UI

jQuery UI 是一套 jQuery 的頁面 UI 插件，包含很多種常用的頁面空間，例如 Tabs（如本站首頁右上角部分）、拉簾效果（本站首頁左上角）、對話框、拖放效果、日期選擇、顏色選擇、數據排序、窗體大小調整等等非常多的內容。

下面是一些 jQuery UI 的效果圖：

4、jQuery的UI工具包 jQuery Tools

jQuery Tools 是一個當前網站開發中最最常用的UI組件集合，包括：Tab、工具提示ToolTip、窗口滾動、Overlap、Expose和Flash嵌入，jQuery Tools 只有 5.8k 大小（強烈推薦）。

下圖是一個跳格控制的截圖

上面效果實現的代碼：

<!-- the tabs --> 
<ul class="tabs"> 
    <li><a href="#">Tab 1</a></li> 
    <li><a href="#">Tab 2</a></li> 
    <li><a href="#">Tab 3</a></li> 
</ul> 
 
<!-- tab "panes" --> 
<div class="panes"> 
    <div>First tab content. Tab contents are called "panes"</div> 
    <div>Second tab content</div> 
    <div>Third tab content</div> 
</div>
$(function() { 
    // setup ul.tabs to work as tabs for each div directly under div.panes 
    $("ul.tabs").tabs("div.panes > div"); 
});

在線演示 http://jquerytools.org/

5、jQuery的UI組件 EasyUI

jQuery easyui 爲網頁開發提供了一堆的常用UI組件，包括菜單、對話框、佈局、窗簾、表格、表單等等逐漸，

下圖是一個具有佈局效果的窗口：

6、jQuery的UI框架 Liger UI

LigerUI是基於jQuery開發的一系列控件組，包括表單、佈局、表格等等常用UI控件使

用LigerUI可以快速創建風格統一的界面效果

7、jQuery UI.Layout

這是一個模仿ExtJS區域佈局(Border Layout)實現的jQuery UI頁面佈局管理器。簡單易於使用，東南西北中5個區域可以嵌套使用，外觀可以通過CSS控制。

8、jQuery的UI插件 Smart UI

JQuery Smart UI是基於JQuery的Ajax開發框架，實現前、後臺分離、功能和數據分離，UI層全部使用htm+js+json完成，通過一個統一數據接口與服務端進行數據交換。

主要有三部分組成：

一套日常應用的JQuery插件(類似JQuery UI,JQuery EasyUI)，核心基於template.js模板插件,具有強大的自定義功能。

一套前端開發框架（js、css），滿足各種基本場景，有着不錯的封裝、擴展性。系統自動完成動態創建頁面，與後臺交互，取、賦值等繁瑣的操作。

例：查詢場景，其中查詢條件區域、列表區域，數據格式化都是通過簡單的配置和方法動態生成。

與Smart UI無縫結合的後臺數據框架（.net）。

統一數據交互接口，便於統一管理和維護。
FnCode的方式，權限控制到每個方法。
在開源框架【NBearLite】的基礎上擴展，使用“結構實體”來解析前臺的Json數據，避免了ORM中實體的反射轉換的性能消耗。
數據庫操作實現讀寫分離，分別用不同類實現；結合“結構實體”自動的綁定回發的數據，使用更加便捷。
多種數據庫支持和支持多數據庫；

9、HTML的Web框架 Angular JS

AngularJS 是一組用來開發Web頁面的框架、模板以及數據綁定和豐富UI組件。它支持整個開發進程，提供web應用的架構，無需進行手工DOM操作。 AngularJS很小，只有60K，兼容主流瀏覽器，與 jQuery 配合良好。

10、jQuery UI組件集 Wijmo

Wijmo是一個jQuery UI組件集，有超過30多個jQuery UI 組件；這將是一個CSS3，SVG，HTML5的混合物，目前還處於Beta階段。

11、快速開發WebUI jQuery MiniUI

快速開發：使用Html配置界面，減少80%界面代碼量。
易學易用：簡單的API設計，可以獨立、組合使用控件。
性能優化：內置數據懶加載、低內存開銷、快速界面佈局等機制。
豐富控件：包含表格、樹、數據驗證、佈局導航等超過50個控件。
超強表格：提供鎖定列、多表頭、分頁排序、行過濾、數據彙總、單元格編輯、詳細行、Excel導出等功能。
第三方兼容：與ExtJS、jQuery、YUI、Dojo等任意第三方控件無縫集成。
瀏覽器兼容：支持IE6+、FireFox、Chrome等。
跨平臺支持：支持Java、.NET、PHP等。

12、jQuery的UI框架 angela UI

很抱歉，ANGELA UI已很長時間沒有更新，這段時間我都比較忙，而且當初只是興趣寫一下，可能讓很多關注它的同行失望。
現在帶給大家一個好消息，這個UI將重寫，將改爲以類的形式實現，css改爲less的形式，js改用coffee來寫，敬請期待~。

基於jQuery的UI,最新版本0.7.1，新增tree, grid, scrollBar, tip等，服務器開啓gzip壓縮，jquery.angela.min.js：30KB,jquery.angela.min.css：6KB。

13、jquery常用ui(dialog...) jquery widget

幾個 jquery 常用 ui 組件

彈出框:dialog 支持ajax內容，iframe,指定html代碼

警告框:alert

頁面提示：msg

拖動支持：drag

位置固定：使ie 6 也支持 position:fixed 屬性

選項卡切換：tab

14、Interface.js

Interface是一個豐富的界面組件的集合，其利用輕量級JavaScript庫jQuery。有了這個組件，您可以建立富客戶端應用。

Interface擁有MIT和GTL兩個協議，基本上意味着您可以在用在商業和非商業。只要您保持interface每個文件的版本。

示例代碼

window.onload =
function()
{
$('#carousel').Carousel(
{
itemWidth: 110,
itemHeight: 62,
itemMinWidth: 50,
items: 'a',
reflections: .5,
rotationSpeed: 1.8
}
);
}
HTML

CSS
#carousel
{
width: 700px;
height: 150px;
background-color: #111;
position: absolute;
top: 200px;
left: 100px;
}
#carousel a
{
position: absolute;
width: 110px;
}