第一步:下載ligerUI ,官網: http://www.ligerui.com/css
裏邊有詳細的API、demo等信息,選擇須要的版本下載。html
第二步:解壓縮,獲得ligerUI文件夾,裏邊包含js文件夾和skins文件夾,skins目錄中有4套皮膚,根據本身的喜愛引入相應的皮膚jquery
第三步:將整個ligerUI文件夾添加到項目中。ui
第四步:在項目文件中引用css和js。3d
ligerUI包含了不少UI控件,這裏主要講使用ligerGrid的使用。htm
第五步:在html文件中引用css(css/grid.css或者css/ligerui-all.css)。blog
第六步:引入js事件
在引入ligerGrid.js以前 必定要先引用/ligerUI/js/core/base.js ,固然二者都是依賴於jquery的。因此必定要先引用jquery,而後在引用base.js,最後再引用ligerGrid.jsget
第七步:寫htmlgrid
<div id="maingrid"></div>
第八步:寫js加載事件 window.onload:
第八步:大功告成.。結果截圖以下: