仿google的分页效果

最新推荐文章于 2024-07-23 12:35:43 发布

王浩

最新推荐文章于 2024-07-23 12:35:43 发布

阅读量820

点赞数

分类专栏： ajax 文章标签： google javascript xhtml mysql border query

本文链接：https://blog.csdn.net/youngerhao/article/details/7322652

版权

ajax 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<?php
include "../../../include/dbConn.php";
if(isset($_GET['np'])){
$nowpage=$_GET['np'];
}else{
$nowpage=1;
}
//定义sql
$rs=mysql_query("select count(*) from area");
$rowNum=mysql_result($rs,0);
//总页数
$pages=ceil($rowNum/$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>无标题文档</title>
<style>
#table{
margin:auto auto;
border-collapse:collapse;
}
#content{
width:700px;
height:400px;
border:1px #0F6 dashed;
background-color:#FCC;
}
#pageNum{
width:700px;
height:20px;
background-color:#999;
border:1px #0F6 dashed;
text-align:center;
}
</style>
<script src="../ajaxUtil.js" language="javascript" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
function initpage(){
//定义当前页
var nowpage=<?php echo $nowpage; ?>;
//定义开始页
var starpage=1;
//定义结束页
var endpage=<?php echo $pages; ?>;
//总页数
var pages=<?php echo $pages; ?>;
if(pages>11){
//设定起始页码
if(nowpage-10>0){
  starpage=nowpage-10;
  }
if(nowpage+9<pages){
  endpage=nowpage+9;
  }else{
   endpage=pages;
   }
}
var pageNumstr="";
//什么时候显示上一页
if(nowpage!=1){
pageNumstr+=" <a href='paging.php?np="+(nowpage-1)+"'>上一页</a>";
}

for(var i=starpage;i<=endpage;i++){

//判断是否是当前页，如果是字体加粗
if(nowpage==i){

  pageNumstr+=" <b><font color='red'>"+i+"</font></b>";
  }else{
   pageNumstr+=" <a href='paging.php?np="+i+"'>"+i+"</a>";
   }
}
//什么时候显示下一页
if(nowpage<pages){
pageNumstr+=" <a href='paging.php?np="+(nowpage+1)+"'>下一页</a>";
}
//document.getElementById('pageNum').innerHTML=pageNumstr;
$$('pageNum').innerHTML=pageNumstr;
}
</script>

</head>

王浩

关注

0
点赞
踩
0

收藏

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

include "../../../include/dbConn.php";if(isset($_GET['np'])){$nowpage=$_GET['np']; }else{$nowpage=1; }//定义sql$rs=mysql_query("select count(*) from area");$rowNum=mysql_result($rs,0);
复制链接

扫一扫

专栏目录