首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery经过隐藏显示实现分页

2012-10-10 
jquery通过隐藏显示实现分页var fenzufenzu_var zu 1function nextFenzu(){for(var i1i10i++)

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>


热点排行