仿做google分页效果

最新推荐文章于 2024-04-22 15:28:53 发布

置顶阿托斯之棍

最新推荐文章于 2024-04-22 15:28:53 发布

阅读量404

点赞数

文章标签： google javascript border xhtml mysql function

本文链接：https://blog.csdn.net/zhangxiangyu0731/article/details/7322741

版权

<?php
include "./include/dbConn.php";
//定义当前页
if(isset($_GET['np'])){
      $nowPage=$_GET['np'];
   }else{
       $nowPage=1;
       }

//查询数据库得到总的记录数
$rs=mysql_query("select count(*) from area");

$rowNum=mysql_result($rs,0);
//总页数=上取整（总记录数/每页大小）
$Page=ceil($rowNum/$F_PAGESIZE);
$F_PAGESIZE

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>google分页效果</title>
<script language="javascript" type="text/javascript" src="../ajax2/include/ajaxUitl.js"></script>
<style>
#tab{
   margin:auto auto;
   border-collapse:collapse;}
#content{
   height:400px;
   width:600px;
   background-color:#FF0;
   border:1px dashed #039;}

#pageNum{
   text-align:center;
   height:20px;
   width:600px;
   background-color:#9CC;
   border:1px dashed #F06;}
</style>

<script>

//    显示页码部分开始

function initPages(){

      //定义当前页（javascript中使用php中定义的变量）定义开始页定义结束页定义总页数

     var nowPage=<?php echo $nowPage; ?>
      //定义开始页
      var starPage=1;
      //定义结束页
      var endPage=<?php echo $Pages; ?>

      //定义一个总页数
      var pages=<?php echo $pages; ?>
      //当总页数大于11的时候，设定起始页和结束页
      if (pages>11){

          //设定起始页码
          if(nowPage-10>0){
              //如果大于10则设置起始页=当前页-10 否则不是只starPage=1
              starPage=nowPage-10;


              }
          //设定结束页
          if(nowPage+9<pages){
              //如果当前页+9<总页数则设定结束页为当前页+9否则结束页等于总页数
              endPage=nowPage+9;

              }else{
                  endPage=pages;
                  }
          }
var pageNumStr="";
//判断什么时候显示上一页

if(nowPage!=1){


   pageNumStr+="<a href='Paging?np="+(nowPage-1)+"'>上一页</a>";


   }

for (var i=starPgae;i<=endPage;i++){

   //判断是否是当前页如果是让页码加粗

   if(nowPage==i){
       //如果当前页加粗显示
       pageNumStr+=" <b><font color='blue'>"+i+"</font></b>";

       }else{
   pageNumStr+=" <a href='Paging.pgp?np="+i+"'>"+i+"</a>";


           }

   }
$$("pageNum").innerHTML=pageNumStr;
//显示页码部分结束

</script>

</head>

<body οnlοad="initPages();">
<table id="tab" width="500" border="1" align="center">
<tr align="center" valign="middle">
    <td>
    <div id="content"></div>


    </td>
</tr>
<tr>
    <td align="center" valign="middle" >
    <div id="pageNum"></div>
    </td>
</tr>
</table>

阿托斯之棍

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
仿做google分页效果

include "./include/dbConn.php"; //定义当前页 if(isset($_GET['np'])){ $nowPage=$_GET['np']; }else{ $nowPage=1; }//查询数据库得到总的记录数$rs=mysql_query("select count(*) f
复制链接

扫一扫