JS静态分页代码 影视 爱佛 发表于 18年前 (2007-12-16) 1644次浏览 暂无评论 JS静态分页代码… <!–ctype html public “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt–> <style type=”text/css”>a:link,a:visited,a:hover,.current,#info{ border:1px solid #DDD; background:#F2F2F2; display:inline-block; margin:1px; text-decoration:none; font-size:12px; width:15px; height:15px; text-align:center; line-height:15px; color:#AAA; padding:1px 2px;}a:hover{ border:1px solid #E5E5E5; background:#F9F9F9;}.current{ border:1px solid #83E7E4; background:#DFF9F8; margin:1px; color:#27CBC7;}#info{ width:auto;}</style><div id=”setpage”></div><script type=”text/javascript”><!–var totalpage,pagesize,cpage,count,curcount,outstr;//初始化cpage = 1;totalpage = 56;pagesize = 10;outstr = “”;function gotopage(target){ cpage = target; //把页面计数定位到第几页 setpage(); //reloadpage(target); //调用显示页面函数显示第几页,这个功能是用在页面内容用ajax载入的情况}function setpage(){ if(totalpage<=10){ //总页数小于十页 for (count=1;count<=totalpage;count++) { if(count!=cpage) { outstr = outstr + “<a href=’javascript:void(0)’ onclick=’gotopage(“+count+”)’>”+count+”</a>”; }else{ outstr = outstr + “<span class=’current’ >”+count+”</span>”; } } } if(totalpage>10){ //总页数大于十页 if(parseInt((cpage-1)/10) == 0) { for (count=1;count<=10;count++) { if(count!=cpage) { outstr = outstr + “<a href=’javascript:void(0)’ onclick=’gotopage(“+count+”)’>”+count+”</a>”; }else{ outstr = outstr + “<span class=’current’>”+count+”</span>”; } } outstr = outstr + “<a href=’javascript:void(0)’ onclick=’gotopage(“+count+”)’> next </a>”; } else if(parseInt((cpage-1)/10) == parseInt(totalpage/10)) { outstr = outstr + “<a href=’javascript:void(0)’ onclick=’gotopage(“+(parseInt((cpage-1)/10)*10)+”)’>previous</a>”; for (count=parseInt(totalpage/10)*10+1;count<=totalpage;count++) { if(count!=cpage) { outstr = outstr + “<a href=’javascript:void(0)’ onclick=’gotopage(“+count+”)’>”+count+”</a>”; }else{ outstr = outstr + “<span class=’current’>”+count+”</span>”; } } } else { outstr = outstr + “<a href=’javascript:void(0)’ onclick=’gotopage(“+(parseInt((cpage-1)/10)*10)+”)’>previous</a>”; for (count=parseInt((cpage-1)/10)*10+1;count<=parseInt((cpage-1)/10)*10+10;count++) { if(count!=cpage) { outstr = outstr + “<a href=’javascript:void(0)’ onclick=’gotopage(“+count+”)’>”+count+”</a>”; }else{ outstr = outstr + “<span class=’current’>”+count+”</span>”; } } outstr = outstr + “<a href=’javascript:void(0)’ onclick=’gotopage(“+count+”)’> next </a>”; } } document.getElementById(“setpage”).innerHTML = “<div id=’setpage’><span id=’info’>共”+totalpage+”页|第”+cpage+”页<\/span>” + outstr + “<\/div>”; outstr = “”;}setpage(); //调用分页//–></script> 转载原创文章请注明,转载自: 爱佛 » JS静态分页代码 相关文章 经济思考:价值从何处来? 12部好看的MTV之【一枝红艳露凝香】 12部好看的MTV之【云想衣裳花想容】 从QQ娱乐看媒体的“色诱”之计 Seo 0
发表评论