国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

js分頁代碼分享

2024-05-06 16:04:41
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了js分頁代碼示例,很簡單的代碼,需要的朋友可以參考下

js分頁代碼分享



復制代碼 代碼如下:


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script  type='text/javascript' src='jQuery.js'></script>
<style type="text/css">
span{width: 60px;height: 20px;display: inline-block;border: solid 1px black;text-align: center;margin: 5px;cursor:pointer;}
</style>
</head>
<body>
<div></div>
<div></div>
<script type='text/javascript'>
 var arr=new Array(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17);
 /*
 顯示那一頁的內容
 arr內容數組,那頁的從哪條開始顯示的,len就是每頁顯示內容條數
 */
 function pageCon(arr,start,len){
  var constr='';
  for(var i=start;i<start+len;i++){
   if(arr[i-1]){
         constr+=arr[i-1]+"<br/>";
     }

  }
  return constr;
 }

function show(arr,now_page){
  var sum=arr.length;
  var page_size=3;
  var page_num=Math.ceil(sum/page_size);
  var start=(now_page-1)*page_size+1;
  var page_str='';
    for(var i=1;i<=page_num;i++){
     var stylei=i;
     if(i==now_page){  stylei="<span>"+i+"</span>";}
        page_str+='<span>'+stylei+'</span>';
    }
  $('#page').html(page_str);

  var constr=pageCon(arr,start,page_size);
  $('#con').html(constr);

}
show(arr,2);
</script>
</body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 黄梅县| 通河县| 裕民县| 云龙县| 哈巴河县| 天峻县| 舞阳县| 仁布县| 乌拉特后旗| 滨海县| 全椒县| 周宁县| 蒙城县| 鞍山市| 历史| 汪清县| 怀安县| 邵阳市| 乌拉特中旗| 秦安县| 韶关市| 平泉县| 浮山县| 浦北县| 新竹市| 周宁县| 连城县| 庆元县| 尤溪县| 龙岩市| 本溪| 梧州市| 乌鲁木齐市| 盈江县| 镇坪县| 正阳县| 昭觉县| 新宾| 安龙县| 日土县| 乐昌市|