我有100条数据如何让其先显示15条然后当滚动条拉倒底后再加载15条

u010145702 2013-07-22 04:26:19

就像QQ空间那样先加载一部分然后当滚动条每拉到底时再继续加载一部分
100条数据,每一条数据都在一个div中
<c:forEach items="${accountList}" var="rows">
<div>
<table align="center" class="list_tablet" width="98%">
<tr class="qz_line1 Pop_TR" onmouseover="this.className='highlight'" onmouseout="this.className='qz_line1 Pop_TR'" >
<td class="line_l" style="text-align: center" width="5%" >${rows.accountName}</td>
<td class="ecTable_cell_style" width="13%" >${rows.accountNo}</td>
<td class="ecTable_cell_style" width="11%" >${rows.sfzh}</td>
<td class="ecTable_cell_style" width="10%" >${rows.belongBank}</td>
<td class="ecTable_cell_style" width="10%" >${rows.openBank}</td>
<td class="ecTable_cell_style" width="10%" >${rows.openDate}</td>
<td class="ecTable_cell_style" width="10%" >${rows.dealDateStr}</td>
<td class="ecTable_cell_style" width="10%" >${rows.endDealDateStr}</td>
<td class="ecTable_cell_style" width="5%" >${rows.cardType}</td>
<td class="ecTable_cell_style" width="6%" >${rows.remain}</td>
<td class="ecTable_cell_style" width="10%" >
<img id="p${rows.id }" onclick="showImg('${rows.id }');" title="查看照片" src="/dp/image/look_pic.png" border='0' style='cursor:hand'/>
<img id="a${rows.id }" onclick="accountDiv('appendAccount','${rows.id }','a${rows.id }');" title='追加下级卡' src='/dp/images/icon/16x16/add.gif' border='0' style='cursor:hand'/>
<img id="u${rows.id }" onclick="accountDiv('updateAccount','${rows.id }','u${rows.id }');" title='修改' src='/dp/images/icon/16x16/modify.gif' border='0' style='cursor:hand'/>
<img onclick="deleteAccount('${rows.id }','${rows.caseNo}');" title='删除' src='/dp/images/icon/16x16/delete.gif' border='0' style='cursor:hand'/>
<img onclick="bankUploadFile('${rows.id }');" title='上传账号流水' src='/dp/image/upload-img.png' border='0' style='cursor:hand'/>
</td>
</tr>
</table>
</c:forEach>

...全文