先看效果图： 实现原理很简单，使用了jquery.pagination这个插件，每当点击页码时异步去服务器去取该页的数据，简单介绍如下： 一、数据库表结构：很简单 就四个字段 分别是News_id News_title News_time News_readtimes 二、前台页面代码： 代码如下: JQuery无刷新分页 var pageIndex = 0; var pageSize = 3; $(function() { InitTable(0); $("#Pag...
使用方法和相关参数如下： displayId//默认值显示区域Id为pageBox，可以不填 pagesize//每页条数，默认是15条，可以不填 totalsize//总条数 curpage//当前页数 simple//默认是false，true没有上一页和下一页， type//0默认走http跳转，1是jsp页面必须有pageCallBack(pageNum)函数,从1开始 url//链接地址，如果type出入1此处就可以不填 例子：Page._run({totalsize:300,curpage:11,type:1,simple:true} 代码如下:Page对象.pageBox,....
scroll事件适用于window对象，但也可滚动iframe框架与CSS overflow属性设置为scroll的元素。 代码如下:$(document).ready(function () { //本人习惯这样写了 $(window).scroll(function () { //$(window).scrollTop()这个方法是当前滚动条滚动的距离 //$(window).height()获取当前窗体的高度 //$(document).height()获取当前文档的高度 var bot = 50; //bot是底部距离的高度 if ((bot + $(w...
下了个分页插件用，网上下载下来的demo在各ie版本下有点差别，但是还是可以用。 但是在我的页面中则不能正常显示。可能是因为div嵌套过多或者position定位造成的。 我改了下源码基本可以在ie7,ie8,ie9正常显示。以下是部分源码。发现用别人的东西出了问题很难搞啊。关键是那个ie啊。 代码如下: var bVer = navigator.appVersion; var ver ; if(bVer.indexOf(MSIE 7.0) > 0){ ver = "ie7"; } if(ver == ie7){ _ulwrapdiv.css(width...
使用方法： 添加 jQuery 类库、jqPagination 插件的 JS 和 CSS 文件代码如下: 再需要如下HTML代码如下: « ‹ › » 最后初始化插件代码如下:$('.pagination').jqPagination({ link_string : '/?page={page_number}', current_page: 5, //设置当前页 默认为1 max_page : 40, //设置最大页 默认为1 page_string : '当前第{current_page}页,共{max_page}页', paged : function(page) { //回发...
最近公司的项目将好多分页改成了ajax的前台分页 以前写的分页插件就不好用了，遂重写一个 支持IE6+，但没有动画效果 如果没有硬需求，个人认为没必要多写js让动画在这些浏览器中实现 css3的动画本来就是帮我们取代js中这部分动画代码的 使js更纯粹地去实现逻辑 效果图如下：调用代码如下： 包括常用的加载失败重试，参数可配置是否能手动输入页码，设置按钮数目，可以调用多个page等等，调用代码很简便具体jquery.kun_page.js：/* ...
以前写的分页用了好久了，但是分页时除了传页面外有时还要传一些其它参数，以前操作时要把传的参数放到隐藏hidden中，分页时在取出来，这样比较麻烦，今天无事，重新包装了一下 直接上代码吧 css用了bootstrap中分页的样式.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; }.pagination-lg > li:last-child > a, .pagination-lg > l...
最近项目中需要用到打印HTML页面，需要指定区域打印，使用jquery.PrintArea.js 插件 用法：$("div#printmain").printArea();但还是会打印DIV后面的内容，这里可以使用CSS控制打印分页有时用CSS控制分页了但还是会连续打印页面，这里就可以用上PrintArea 插件中的属性参数。 PrintArea部分源码：var modes = { iframe : "iframe", popup : "popup" }; var defaults = { mode : modes.iframe, popHt : 800, popWd : 800, popX : ...
1.后台action产生json数据。List blackList = blackService.getBlackInfoList(mobileNum, gatewayid, startDate, endDate); int totalRows = blackList.size(); StringBuffer sb = new StringBuffer(); sb.append("{\"totalCount\":\""+totalRows+"\","); sb.append("\"jsonRoot\":["); for (int i=0;i2.struts.xml相关配置UTF-8 /WEB-INF/jsp/manage/black.jsp 3.js获取json数据分页显示function getJSONData(pn) { // ale...
工作需要一个JS分页插件，心想自己动手写一个吧，一来上网找一个不清楚代码结构的，出了问题难以解决，而且网上的插件所包含的功能太多，有些根本用不到，就没必要加载那段JS，二来想起没写过jQuery插件，就当练一下手了，好了，先看结果： http://demo.jb51.net/js/2014/EasyPage/简单说一下这个插件所要实现的功能后台将查询出来的内容全部显示到页面上，这个插件要控制这些内容，使其一页一页显示。有上一页，下一页，首页，尾页...
这一款是用原生javascript实现的分页插件pagenav，页码显示jquery插件,只需要存在#pageNav,则会在其中显示页码，调用时可根据需要先重写go方法.(已去除jquery依赖)。。。。 插件代码如下：/***************************author:Keel (keel.sike@gmail.com)**************************页码显示jquery插件,只需要存在#pageNav,则会在其中显示页码.调用时可根据需要先重写go方法.(已去除jquery依赖)**************************示例(注意...
在用ajax进行分页查询时，分页的数目要用到取整函数var uu=Math.floor(5.36) //向下取整 结果为5 var uu=Math.floor(5.88) //结果为5 Math.ceil(5.33) //向上取整，结果为6 Math.round(5.55) //四舍五入 结果为6 math.round(5.22) //结果为5 </ script>
div假分页原理：填充后div的总高度 （1000px） 显示高度（100px） 则页面总数为10页 。当查看第二页时，显示的div高度为100 - 200之间，以此类推 看见页面在翻页 实则为div滚动条移动。显示数据集合#applications { /* width:500px;调整显示区的宽*/ height: 1592px; /*调整显示区的高*/ font-size: 14px; margin-top:23px; line-height: 20px; overflow-pageindex: hidden; overflow-y: hidden; word-break: break-all; ...
最近一直研究jquery的分页效果，刚刚弄好了一个，拿出来与大家分享。分页效果与时光网的差不多。 先在aspx页面放置一个 ，这个是用来存放分页的。 然后建一个page.js文件，具体代码如下(js中用到的css类是自己设置的，这里就不给出了，具体的大家可以自己设置一下css样式)：代码如下: $(document).ready(function(){ var pageCount=0;//总页数，在数据处理的函数里设定 //////////////////////右部按钮分页显示 function right(pa...
大家在作分页时，多数是在后台返回一个导航条的html字符串，其实在前端用js也很好实现。 调用pager方法，输入参数，会返回一个导航条的html字符串。方法的内部比较简单。代码如下: /** * pageSize, 每页显示数 * pageIndex, 当前页数 * pageCount 总页数 * url 连接地址 * pager(10, 1, 5, Index)使用方法示例 */ function pager(pageSize, pageIndex, pageCount, url) {var intPage = 7; //数字显示var intBeginPage = 0;//...