前端开发

 首页 > 前端开发 > javascript > javascript分页特效实现方法

javascript分页特效实现方法

分享到:
【字体:
导读:
          本教程讲解javascript分页特效实现方法 代码如下: scripttype=text/javascriptfunctionsetPage(opt){if(!opt.pageDivId||opt.allPageNumopt.curpageNum||opt.allPageNumopt.showPageNum){returnfalse}varallPageNum=opt.allPageNum;//总的页...

本教程讲解javascript分页特效实现方法

代码如下:

1)
 { 
  var oA=document.createElement('a'); 
  oA.href='#1'; 
  oA.innerHTML='首页' 
  pageDIvBox.appendChild(oA); 
 } 
 if(curpageNum>1)
 { 
  var oA=document.createElement('a'); 
  oA.href='#'+(curpageNum-1); 
  oA.innerHTML='上一页' 
  pageDIvBox.appendChild(oA); 
 } 
 if(curpageNum

示例二:

 iPageCount) return false;
 iCurrPage = parseInt(iCurrPage);
 var sTemp = "";
 var sTemp1 = "每页:"+ iPageSize +"/"+ iProCount +"条 页数:"+ iCurrPage +"/"+ iPageCount +"页";
 var sTemp2 = ""
 if (iProCount==0)
 {
 sTemp = "首页 上一页 下一页 末页";
 }
 else if (iPageCount==1)
 {
 sTemp = "首页 上一页 下一页 末页"
 }
 else if (iPageCount==iCurrPage)
 {
 sTemp = "首页 上一页 下一页 末页"
 }
 else if (iCurrPage==1)
 {
 sTemp = "首页 上一页 下一页 末页"
 }
 else
 {
 sTemp = "首页 上一页 下一页 末页"
 }
 $("pageDir").innerHTML = sTemp +" "+ sTemp2 + " " + sTemp1 ;
 CollectGarbage();
}
function $(o)
{
 return document.getElementById(o);
}
initializePageNav(1)
//-->" _ue_custom_node_="true">

示例三:

实现的效果是:上一页、第一页、…(上n个页码)、n个页码、…(下n个页码)、最后一页、下一页。n可以是奇数也可以是偶数,一般都喜欢取奇数

//总页数,当前页数,跳转地址,第一页和最后一页之间显示的页码数量
function pageBar(tp,cp,url,pn){
  var str = ‘';
  if(tp>1 && cp>1){
   var prev = cp-1;
   str += ‘1 ‘;
   }else{
    str +=‘… ‘;
    }

    for(var i=s;i<=e;i++){
     if(i==cp){
      str += ‘'+i+‘ ‘;
     }else{
      str += ‘'+i+‘ ‘;
     }
    }

    //最后一页前的多页跳转
    if(e < (tp-1)){
     var ep = cp+pn;
     if(ep>tp){
      ep=tp;
     }
     str += ‘'+tp+‘ ‘;
   }else{
    str +=‘1 && cp下一页';
  }else{
   str += ‘下一页';
  }
  str += ‘';
  return str;
 }

 //跳转页码,跳转地址
 function goPage(cp,url){
  window.location.href = url+cp;
 }
分享到:
javascript多线程详解
虽然有越来越多的网站在应用AJAX技术进行开发,但是构建一个复杂的AJAX应用仍然是一个难题。 造成这些困难的主要原因是什么呢?是与服务器的异步通信问题?还是GUI程序设计问题呢?通常这两项工作都是由桌面程序来完成的,那究竟为何开发一个可以实现同样功能的AJAX应用就这么困难呢? 大家都知道javascript是单线程执行的...
javascript的jquery库插件教程详解
本教程讲解javascript的jquery库插件教程详解 jQuery 插件通常分两类。 基于选择器的插件(支持链式操作) 不基于选择器的插件(不支持链式操作) 前段时间简单学习了 jQuery 插件开发,开发了两个简单的插件,在此对两种插件的开发模式做简要总结。基于选择器的插件 通常开发模式如下: (function($, window, undefined)...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……