Ajax滚动加载数据

最近突发奇想，想把一些WEB常用的代码整理哈。方便记忆也方便大家学习废话也不多说啦，直接上图；

先养养眼！哈哈！

---

CSS部分：

<style>

* {

margin: 0;

padding: 0;

list-style: none;

font-size: 14px;

}

/*

box

*/

.box {

width: 100%;

margin: 0 auto;

}

/*

ul

*/

.list ul {

width: 100%;

overflow: hidden;

}

/*

item

*/

.list ul li {

width: 46%;

height: 200px;

margin: 10px 2% 0px;

float: left;

background-color: #ccc;

text-align: center;

line-height: 200px;

cursor: pointer;

}

/*

item鼠标经过

*/

.list ul li:hover {

background-color: #e1e1e1;

}

/*

加载更多

*/

#loading {

height: 50px;

width: 100%;

line-height: 50px;

text-align: center;

cursor: pointer;

margin: 0 auto;

}

/*

加载更多经过

*/

#loading:hover {

background-color: #cecece;

}

</style>

HTML部分：

JSON格式：

AJAX滚动加载:

以上就是全部代码啦！ 如果大家有跟好的或者更新的欢迎大家多多提建议哈！