1.UI.Layout? jQuery UI布局插件
官方網(wǎng)站:http://layout.jquery-dev.com/index.cfm
使用大小可折疊的嵌套面板和大量選項創(chuàng)建高級UI布局捺球。布局可以創(chuàng)建任何你想要的UI外觀; 從簡單的標(biāo)題或側(cè)邊欄到具有工具欄氮兵,菜單,幫助面板絮姆,狀態(tài)欄秩霍,子表單等的復(fù)雜應(yīng)用程序。集成并增強其他UI小部件鸽照,如選項卡颠悬,手風(fēng)琴和對話框,以創(chuàng)建豐富的界面诞外。
2.jQUery Masonry
官方網(wǎng)站:https://masonry.desandro.com/?resources/jquery-masonry
所有項目的大小和樣式都由您自己的CSS處理灾票。項目大小可以用響應(yīng)式布局的百分比來設(shè)置
3.jLayout
jLayout JavaScript庫提供了用于布局組件的布局算法。一個組件是一個抽象; 它可以通過多種方式實現(xiàn)濒析,例如HTML5 Canvas繪圖中的項目或HTML元素啥纸。jLayout庫允許您專注于繪制各個組件,而不是如何將其排列在屏幕上盾致。
GitHub:https://github.com/bramstein/jlayout/
?
4.jQuery pageSlide
Query pageSlide 是一個jQuery插件,它可以控制一個隱藏頁面的顯示和關(guān)閉旨怠。jQuery展開左右側(cè)欄目插件PageSlide,pageslide插件功能實現(xiàn)現(xiàn)實隱藏側(cè)邊欄的功能迷扇。插件可以讀取另個一html,也可以是當(dāng)前頁面中的元素爽哎,目前比較流行的導(dǎo)航菜單展現(xiàn)形式,特別是在手機端或者觸屏頁面,效果還是不錯的
demo:http://www.jq22.com/jquery-info343
?
5.jQSlickWrap
http://www.jwf.us/projects/jQSlickWrap/
jQSlickWrap是一個真正可以將內(nèi)容包裹在圖片周圍的jQuery插件课锌。該插件使用HTML5 Canvas標(biāo)簽,用法非常簡單〕福可以輕松而準確地實現(xiàn)浮動圖像的文字環(huán)繞效果志鞍。
?
6.Columnizer
官方網(wǎng)址:https://welcome.totheinter.net/columnizer-jquery-plugin/
Columnizer jQuery Plugin將自動以報紙列格式來布局您的內(nèi)容固棚。您可以指定列寬或列的靜態(tài)數(shù)量。而且厂汗,當(dāng)然面徽,這很容易使用趟紊!Columnizer會將CSS類添加到它創(chuàng)建的列中霎匈。每列將有一個“列”類名铛嘱。第一列將有“第一”墨吓,最后一列將有“最后”帖烘。這使您可以更輕松地定位CSS標(biāo)記中的特定列秘症。
github:https://github.com/adamwulf/Columnizer-jQuery-Plugin
7:Columns
jQueryJSON數(shù)據(jù)轉(zhuǎn)換為html表插件Columns
GitHub:https://github.com/eisenbraun/columns
Columns創(chuàng)建JSON數(shù)據(jù)轉(zhuǎn)化為HTML方法 引用jQuery庫1.7或更高版本和Columns插件文件役耕,列是將JSON數(shù)據(jù)創(chuàng)建為可排序,可搜索和分頁的HTML表格的簡單方法图云。所有你需要的是提供的數(shù)據(jù)竣况,和列將完成其余的筒严。因為Columns動態(tài)地創(chuàng)建了所有必要的HTML丹泉,所以唯一需要的HTML是一個空的HTML元素,比如一個<div>標(biāo)簽鸭蛙,在初始化時使用相應(yīng)的id摹恨。