js 分页代码带切换效果

载入需要点时间，请稍微等待。

* @copyright 2000-2005 GCSOFT.COM & ETNG.NET
* @license http://www.php.net/license/3_0.txt PHP License 3.0
* @version SVN: $Id: page.html 21 2006-01-22 09:35:58Z etng $
* @link $HeadURL: svn://dev.gccms.net/trunk/page.html $
* @see
* @since
*/
-->

无标题文档

this.cntR)?this.cntR:this.curP*this.cntPP;/*结束纪录*/
this.result['pagedata']=[];
if(this.showType){
this.perSide= Math.floor(this.cntPS/2);
this.startP= (this.curP > this.perSide)?(this.curP - this.perSide):1;
this.endP= (this.startP + this.cntPS)>this.cntP?this.cntP:(this.startP + this.cntPS);
}else{
this.startP= (this.curS-1)*this.cntPS+1;
this.endP= (this.curS*this.cntPS>this.cntP)?this.cntP:(this.curS*this.cntPS);
}
for(var i = this.startP;i'+i+'':''+i+'');
}
if(this.showPNP){
if(this.curP>1)this.result['pagedata'].unshift('上一页');
if(this.curP下一页');
}
this.result['pagebar']= this.result['pagedata'].join(' ');
this.result['limit']= [this.startR,this.endR];
this.result['report']= '共'+this.cntR+'条,当前页'+this.startR+'-'+this.endR+','+this.curP+'/'+this.cntP+'页';
}
ETNGpager.prototype.parse = function (){
var obj = document.getElementById(this.srcName);
for(var i = 0;i'+this.items.slice(this.startR-1,this.endR).join('

  • ')+'

    • ';
    document.getElementById(this.dstName).innerHTML+=''+this.result['pagebar']+this.result['report']+'';
    }
    //-->

      列表信息加载中，请您稍等……

    pager.cntP)?1:curP;
    if(i){
    curP = n =i;
    }else{
    n = curP++;
    }
    pager.curP = (n>pager.cntP)?pager.cntP:n;
    pager.create();
    }
    //-->

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

    赞 (0)

    相关推荐

    • 纯js分页代码(简洁实用)

      复制代码 代码如下: //每页显示字数PageSize=5000;//分页模式flag=2;//1:根据字数自动分页 2:根据[NextPage]分页//默认页startpage = 1;//导航显示样式 0:常规 1:直接 3:下拉TopShowStyle = 1;DownShowStyle = 0; var currentSet,CutFlag,TotalByte,PageCount,key,tempText,tempPage; key=""; currentSet=0; var

    • 一个实用的JSP分页代码

      有热心网友回复:str += " 转到<select name='page' onChange=\"window.location.href='" + fileName + temp + "cur_page='+this.options[this.selectedIndex].value\">"; 已经试过了,没问题 1.以下是实现分页的类PageResultSet 复制代码 代码如下: package page.bean; impo

    • JQuery与JSon实现的无刷新分页代码

      JQuery与JSon实现的无刷新分页代码

      如图   而无刷新分页可以解决这个问题,上面播放着视频,下面我点下一页看着评论,现在大部分的网站都是无刷新分页. 源码如下(我是采用一页显示10条记录): 需要四个文件 一个实体类文件 CategoryInfoModel.cs 一个SqlHelper SQLHelper.cs 一个AJAX服务端处理程序 PagedService.ashx 一个客户端调用页面 WSXFY.htm CategoryInfoModel.cs和SQLHelper.cs我就不写了,都知道是什么文件 PagedServic

    • jsp hibernate的分页代码第1/3页

      可见使用Hibernate,在进行查询分页的操作上,是具有非常大的灵活性,Hibernate会首先尝试用特定数据库的分页sql,如果没用,再尝试Scrollable,如果不行,最后采用rset.next()移动的办法. (一)pager类 * @(#)Pager.java 2005-5-3 * * Copyright (c) 2005, Jeffrey Hsu */ package com.jeffrey.messagelove; /** * Pager holds the page info.

    • 基于jQuery的js分页代码

      复制代码 代码如下: function pagerBar(dataCount,pageSize,serverUrl,contentPlace,pagerbarPlace,callBack){ this.dataCount = dataCount; this.pageSize = pageSize; this.serverUrl = serverUrl; this.contentPlace = $("#"+contentPlace); this.pagerbarPlace = $(&qu

    • js 分页代码带切换效果

      载入需要点时间,请稍微等待. * @copyright 2000-2005 GCSOFT.COM & ETNG.NET * @license http://www.php.net/license/3_0.txt PHP License 3.0 * @version SVN: $Id: page.html 21 2006-01-22 09:35:58Z etng $ * @link $HeadURL: svn://dev.gccms.net/trunk/page.html $ * @see * @

    • js实现Tab选项卡切换效果

      js实现Tab选项卡切换效果

      本文实例为大家分享了js实现Tab选项卡切换效果展示的具体代码,供大家参考,具体内容如下 html部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="tab.css"> <script src="tab.js&quo

    • js实现索引图片切换效果

      js实现索引图片切换效果

      本文实例讲述了js实现索引图片切换效果的代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下 html代码: <div id="slideshowHolder"> <img src="img/1.jpg" /> <img src="img/2.jpg" /> <img src="img/3.jpg" /> </div> css代码: .ft-pre

    • js实现tab栏切换效果

      本文实例为大家分享了js实现tab栏切换效果的具体代码,供大家参考,具体内容如下 效果展示: 源码展示: <!doctype html> <html> <head> <meta charset="utf-8"> <title>js实现tab栏切换</title> <style> * { margin: 0; margin: 0; padding: 0; list-style: none; } .nav

    • angular.js分页代码的实例

      angular.js分页代码的实例

      对于大多数web应用来说显示项目列表是一种很常见的任务.通常情况下,我们的数据会比较多,无法很好地显示在单个页面中.在这种情况下,我们需要把数据以页的方式来展示,同时带有转到上一页和下一页的功能.现在在学习angular,使用angularjs 分页,基于 directive 实现,样式使用的 bootstrap,直接在 html代码中加入 标签即可调用. 先来看下效果图 实例代码 app.directive('pagePagination', function(){ return { rest

    • JS简单实现tab切换效果的多窗口显示功能

      JS简单实现tab切换效果的多窗口显示功能

      本文实例讲述了JS简单实现tab切换效果的多窗口显示功能.分享给大家供大家参考,具体如下: <div style=" text-align:center; margin-top:40px;"> <div class="menubox"> <span id="newstab1" class="hover" onmouseover="setTab('newstab',1,3)"&g

    • vue.js实现标签页切换效果

      第二个实例是关于标签页切换的,先看一下效果: 这也是一个很常见的交互效果,以往正常的javascript写法是给各个按钮绑定事件来切换不同的层,当然也可以用纯css写,给上面的三个切换的层分别添加一个单选按钮的兄弟节点,再用绝对定位把单选按钮定位在三个button上面,这样就可以用:checked伪类来单选按钮的兄弟元素,即对应的不同的层,我简单的写了一下DOM结构,大概就是这样: 那么用vue.js实现上述的效果,其实也有两种途径,一种使用vue-router,vue-router是vue.j

    • 一个简单的js鼠标划过切换效果

      一个简单的js鼠标划过切换效果

      上次帮朋友写过的一个简单切换效果,超级简单,但也比较适用.因为用到了CSS Sprite技术,DEMO中附带了IE6兼容png的JS. 核心JavaScript代码:点此查看DEMO 复制代码 代码如下: //@Mr.Think获取对象属性兼容方法 function $(objectId) { if(document.getElementById && document.getElementById(objectId)) { return document.getElementById(o

    • 原生JS封装vue Tab切换效果

      原生JS封装vue Tab切换效果

      本文实例为大家分享了原生JS封装vue Tab切换的具体代码,供大家参考,具体内容如下 先看效果图 使用的技术 vue,js,css3 vue组件 可以直接使用 <template> <div class="bookcircle-header"> <ul class="wrapper" :class="headerActive == 0 ? 'friend' : 'booklist'"> <li @cli

    • velocity.js实现页面滚动切换效果

      今天介绍一个Javascript的小型的动画插件velocity.js,可以方便高效的开发一个具有多页面滚动切换效果的网站. 浏览器支持 velocity.js支持IE8+.Chrome.Firefox等浏览器,并支持Andriod以及IOS. 我们开发一个工程,里面有一组相关联系的大型页面.不能做到在一张页面中把它们展现出来,同时又希望能够有效的阅读到这些相关内容,可以通过做一些有趣的效果来帮住我们实现,通过页面滚动切换效果,可以很有效的制作一个吸引人眼球的网页. 所有的特效应用都是通过vel

    随机推荐