非常不错的一个JS分页效果代码，值得研究_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:37:21

非常不错的一个JS分页效果代码，值得研究_javascript技巧

非常不错的一个JS分页效果代码，值得研究_javascript技巧:本来想用网上找来的分页程序,不过都得做修改,感觉麻烦了,还是自己写一个好了,以后自己用的时候修改就方便了~~大家都多动手,自己写的才是最好的,日后想干什么的,做修改也是很容易的~~顺便也扩充一下自己的代码库~~ 补充一句,cpage是页面计数,应为全局变量,这

推荐度：

点击下载本文 文档为doc格式

导读非常不错的一个JS分页效果代码，值得研究_javascript技巧:本来想用网上找来的分页程序,不过都得做修改,感觉麻烦了,还是自己写一个好了,以后自己用的时候修改就方便了~~大家都多动手,自己写的才是最好的,日后想干什么的,做修改也是很容易的~~顺便也扩充一下自己的代码库~~ 补充一句,cpage是页面计数,应为全局变量,这

本来想用网上找来的分页程序,不过都得做修改,感觉麻烦了,还是自己写一个好了,以后自己用的时候修改就方便了~~大家都多动手,自己写的才是最好的,日后想干什么的,做修改也是很容易的~~顺便也扩充一下自己的代码库~~

补充一句,cpage是页面计数,应为全局变量,这样可以随处调用它,totalpage是总页数
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"> <head> <title>JS静态分页程序</title> </head> <style type="text/css"> a:link,a:visited,a:hover,.current,#info{ border:1px solid #DDD; background:#F2F2F2; display:inline-block; margin:1px; text-decoration:none; font-size:12px; width:15px; height:15px; text-align:center; line-height:15px; color:#AAA; padding:1px 2px; } a:hover{ border:1px solid #E5E5E5; background:#F9F9F9; } .current{ border:1px solid #83E7E4; background:#DFF9F8; margin:1px; color:#27CBC7; } #info{ width:auto; } </style> <body> 10){ //总页数大于十页 if(parseInt((cpage-1)/10) == 0) { for (count=1;count<=10;count++) { if(count!=cpage) { outstr = outstr + ""+count+""; }else{ outstr = outstr + ""+count+""; } } outstr = outstr + " next "; } else if(parseInt((cpage-1)/10) == parseInt(totalpage/10)) { outstr = outstr + "previous"; for (count=parseInt(totalpage/10)*10+1;count<=totalpage;count++) { if(count!=cpage) { outstr = outstr + ""+count+""; }else{ outstr = outstr + ""+count+""; } } } else { outstr = outstr + "previous"; for (count=parseInt((cpage-1)/10)*10+1;count<=parseInt((cpage-1)/10)*10+10;count++) { if(count!=cpage) { outstr = outstr + ""+count+""; }else{ outstr = outstr + ""+count+""; } } outstr = outstr + " next "; } } document.getElementById("setpage").innerHTML = "共"+totalpage+"页|第"+cpage+"页<\/span>" + outstr + "<\/div>"; outstr = ""; } setpage(); //调用分页 //--> </ script> </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

非常不错的一个JS分页效果代码，值得研究_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：好的 js 分页

热门焦点

非常不错的一个JS分页效果代码，值得研究_javascript技巧

非常不错的一个JS分页效果代码，值得研究_javascript技巧

非常不错的一个JS分页效果代码，值得研究_javascript技巧

最新推荐

猜你喜欢

热门推荐