页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容不错的Javascript表格翻页效果

不错的Javascript表格翻页效果

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE>表格翻页</TITLE> 
<style> 
body, td{ 
    font-size: 9pt; 
} 
a:link { 
    color: #FF0000; 
} 
a:visited { 
    color: #FF0000; 
} 
a:hover { 
    color: #006600; 
} 
</style> 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
var record = 4;//每页显示多少条记录 
var count = 24;//记录总数 
var pageTotal = ((count+record-1)/record)|0;//总页数 
var pagenum = 1;//将要显示的页码

Cookie = { 
 Set : function (){ 
  var name = arguments[0], value = escape(arguments[1]), days = 365, path = "/"; 
  if(arguments.length > 2) days = arguments[2]; 
  if(arguments.length > 3) path = arguments[3]; 
  with(new Date()){ 
   setDate(getDate()+days); 
   days=toUTCString(); 
  } 
  document.cookie = "{0}={1};expires={2};path={3}".format(name, value, days, path); 
 }, 
 Get : function (){ 
  var returnValue=document.cookie.match(new RegExp("[\b\^;]?" + arguments[0] + "=([^;]*)(?=;|\b|$)","i")); 
  return returnValue?unescape(returnValue[1]):returnValue; 
 } 
} 
String.prototype.format = function(){ 
    var tmpStr = this; 
    var iLen = arguments.length; 
    for(var i=0;i<iLen;i++){ 
        tmpStr = tmpStr.replace(new RegExp("\\{" + i + "\\}", "g"), arguments[i]); 
    } 
    return tmpStr; 
} 
function setPagenum(){//整理Cookie 
    pagenum = Cookie.Get("pagenum"); 
    if(pagenum=="" || pagenum<1){ 
        pagenum=1; 
    } 
}

setPagenum();

//重新整理当前页码，如果页面小于1，则赋值为1，如果大于总页数，则等于总页数 
coordinatePagenum(pagenum);

//根据当前要显示的页码取得当前面里第一条记录的号码 
var pageBegin = (record*(pagenum-1)+1)|0;

//根据当前要显示的页码取得当前面里最后一条记录的号码 
var pageEnd = record*pagenum;

//根据当前要显示的页码取得当前面里最后一条记录的号码 
    pageEnd = record*pagenum; 
    for(var i=1;i<=count;i++){ 
        if(i>=pageBegin && i<=pageEnd){ 
            mytable.rows[i].style.display=""; 
        }else{ 
            mytable.rows[i].style.display="none"; 
        } 
    } 
    Cookie.Set("pagenum", pagenum); 
}

function firstPage(){ 
    pagenum=1; 
    showhiddenRecord(pagenum); 
}

function lastPage(){ 
    showhiddenRecord(pageTotal); 
}

//重新整理当前页码，如果页面小于1，则赋值为1，如果大于总页数，则等于总页数 
function coordinatePagenum(num){ 
    if(num<1){ 
        num="1"; 
    }else if(num>pageTotal){ 
        num=pageTotal; 
    } 
}

function prePage(){ 
    pagenum--; 
    coordinatePagenum(pagenum); 
    showhiddenRecord(pagenum); 
}

function nextPage(){ 
    pagenum++; 
    coordinatePagenum(pagenum); 
    showhiddenRecord(pagenum); 
}

function gotoPage(num){ 
    coordinatePagenum(pagenum); 
    showhiddenRecord(num); 
} 
//--> 
</SCRIPT> 
</HEAD>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：不错的Javascript表格翻页效果

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

上一篇文章：用js实现计算代码行数的简单方法附代码
下一篇文章：javascript同步Import,同步调用外部js的方法

·在百度中搜索关于“不错的Javascript表格翻页效果”相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

不错的Javascript表格翻页效果

文章评论

同类文章

最近更新

热点排行

不错的Javascript表格翻页效果

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行