首頁 >web前端 >js教程 >不错的Javascript表格翻页效果_javascript技巧

不错的Javascript表格翻页效果_javascript技巧

WBOY原創: 2016-05-16 19:10:121043瀏覽

<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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：javascript 函数式编程_javascript技巧下一篇：提供一款很不错的万年历查询_时间日期

看更多

不错的Javascript表格翻页效果_javascript技巧

相關文章