2010六月14
js分页
<!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" />
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
//数据结构
var data = new Array(
['哲学','zhexue.aspx'],
['经济学','jingji.aspx'],
['法学','fa.aspx'],
['文学','wen.aspx'],
['地理学','dili.aspx'],
['地理学','dili.aspx'],
['qqq学','huqqqe.aspx']
);
var total = data.length;
var offset = 5;
var pmax = Math.ceil(total/offset);
//alert(pmax);
function setPage(page){
if(page>=pmax){page=pmax;}else if(page<1){page=1;}
setCookie('curr_page',page);
setHtml(page);
}
function setHtml(page){
var html = '<ul>';
var p = parseInt(page) - 1;
var start = p*offset;
start = parseInt(start);
j = (total-start)>offset?offset:(total-start);
for(i=0;i<j;i++){
var n = start+i;
html+="<li><a href='"+data[n][1]+"'>"+data[n][0]+"</a></li>";
}
html+='</ul>';
$('#list').html(html);
}
function go(n){var a=getCookie('curr_page');var p =parseInt(a)+n;setPage(p);}
function getCookie(name)
{
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr != null) return unescape(arr[2]); return '';
}
function setCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString())
}
</script>
<title>无标题文档</title>
</head>
<body onload="setHtml(1);setCookie('curr_page',1);">
<div style="border:#FF0000 1px dashed">
<a href="javascript:go(-1);">上一页</a><p>
<span id='list'></span>
</p>
<a href="javascript:go(1);">下一页</a>
</div>
<body>
</body>
</html>
本文地址：http://www.zeevin.com/?p=391 , 转载请保留.
