第一步:下载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:
第八步:大功告成.。结果截图以下: