html · p1p · 看云

~~~ <!DOCTYPE html> <html lang="utf-8"> <head> <meta charset="UTF-8"> <title>page</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="css/page.css" media="screen"> </head> <body> <div id="list-wrap"> <div class="list"> <div class="title">第1页第1条数据标题a</div> <div class="content">第1页第1条数据内容内容</div> </div> <div class="list"> <div class="title">第1页第2条数据标题b</div> <div class="content">第1页第2条数据内容内容</div> </div> <div class="list"> <div class="title">第1页第3条数据标题3</div> <div class="content">第1页第3条数据内容内容</div> </div> <div class="list"> <div class="title">第1页第4条数据标题4</div> <div class="content">第1页第4条数据内容内容</div> </div> <div class="list"> <div class="title">第1页第5条数据标题</div> <div class="content">第1页第5条数据内容内容</div> </div> </div> <div class="ui-page" id="ui-page"> </div> </body> <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script> <script src="js/data.js" type="text/javascript"></script> <script src="js/sendAjax.js" type="text/javascript"></script> <script src="js/page.js" type="text/javascript"></script> <script> /* 初始化页面 */ var initTotalPageNum = 5; $("#ui-page").paging({pageSize:3,totalPage:initTotalPageNum}); </script> </html> ~~~