JavaScript for paging effects

General page We achieve paging effect is the form of jump, but some needs we do not jump page at the same time to complete the paging effect, a simple implementation example:

Window.onload = function(){Page ({ID:' Pagebox ', Nownum:7, Allnum:Ten, Callback: function(now,all){Alert (now+"'+all)}})} function page(obj){            if(!obj.id) {return false; }varObj1 = document.getElementById (obj.id); Nownum =obj.nownum | |1, Allnum = Obj.allnum | |5, Callback=obj.callback | | function(){};if(nownum>=4&& allnum>=6){varOA = Document.createelement (' A '); oa.href=' #1 '; oa.innerhtml =' Home ';            Obj1.appendchild (OA); }if(nownum>=2){varOA = Document.createelement (' A '); oa.href=' # '+ (nownum-1); oa.innerhtml =' previous page ';            Obj1.appendchild (OA); }if(allnum<=5){ for(varI=1; i<allnum;i++) {varOA = Document.createelement (' A '); oa.href=' # '+i;if(nownum==i)                    {oa.innerhtml=i; }Else{oa.innerhtml =' ['+i+'] ';                } obj1.appendchild (OA); }            }Else{ for(vari =1; i<=5; i++) {varOA = Document.createelement (' A ');if(nownum==1|| nownum==2) {oa.href=' # '+i;if(nownum==i)                       {oa.innerhtml =i; }Else{oa.innerhtml =' ['+i+'] '; }                   }Else if((allnum-nownum) = =0|| (allnum-nownum) = =1) {oa.href=' # '+ (allnum-5+i);if((allnum-nownum) = =0&& i==5) {oa.innerhtml= (allnum-5+i); }Else if((allnum-nownum) = =1&&i==4) {oa.innerhtml= (allnum-5+i); }Else{oa.innerhtml=' ['+ (allnum-5+i) +'] '; }                   }Else{oa.href=' # '+ (nownum-3+i);if(i==3) {oa.innerhtml = (nownum-3+i); }Else{oa.innerhtml =' ['+ (nownum-3+i) +'] ';                }} obj1.appendchild (OA); }            }if(allnum-nownum>=1){varOA = Document.createelement (' A '); oa.href=' # '+ (nownum+1); oa.innerhtml =' next page ';            Obj1.appendchild (OA); }if(allnum-nownum>=3&&allnum>=6){varOA = Document.createelement (' A '); oa.href=' # '+allnum; oa.innerhtml =' last page ';            Obj1.appendchild (OA); } callback (Nownum,allnum)varAa= Obj1.getelementsbytagname (' A '); for(varI=0; i<aa.length;i++) {aa[i].onclick= function(){                    varnownum=parseint( This. getattribute (' href '). SUBSTRING (1)); Obj1.innerhtml="'Page ({id:obj.id, nownum:nownum, Allnum:allnum, Callback:callback})return false; }}} HTML code: <div id="Pagebox"></div>

JavaScript for paging effects