jquery 숨기기 디스플레이를 통해 페이지 나누기

1741 단어 jquery
var fenzu="fenzu_";
var zu = 1;
function nextFenzu(){
   for(var i=1;i<=10;i++){
    $("#fenzu_"+i).hide();
   }

   zu++;
   if(zu>5){//     。
    $("#fenzu_5").show();//         !
    zu = 5;
    alert("  ");
   }else{
    fenzu = "fenzu_"+zu;
    $("#"+fenzu).show(); 
   }
   return false;
}

function upFenzu(){

   for(var i=1;i<=10;i++){
    $("#fenzu_"+i).hide();
   }
   zu--;
   if(zu<1){
    $("#fenzu_1").show();
    zu=1;
    alert("       !");
   }else{
    fenzu = "fenzu_"+zu;
    $("#"+fenzu).show();  
   }
   return false;
}

function init(){
for(var i=2;i<=10;i++){
     $("#fenzu_"+i).hide();
}
return false;
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

<BODY onload="init();">

<div id="fenzu_1" >

1    

</div>
<div id="fenzu_2" >

2    

</div>
<div id="fenzu_3" >

3    

</div>
<div id="fenzu_4" >
4    

</div>
<div id="fenzu_5" >
5    
</div>

<span onclick="upFenzu();">   </span>

<span onclick="nextFenzu();">   </span>

</BODY>

좋은 웹페이지 즐겨찾기