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

JavaAlpha

墨衍会员 · AI 创作全网分发码龄18年

关注

原创最新推荐文章于 2026-03-02 05:10:41 发布 1.5k 阅读 AI 写同款· GEO 优化 ›

经典的10种JS分页代码 ASP分页代码都得熟悉，JS分页代码你熟悉吗？精心集的分页代码。立即下载

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

补充一句,cpage是页面计数,应为全局变量,这样可以随处调用它,totalpage是总页数

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"> <head> <title>JS静态分页程序</title> </head> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> 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> <div id="setpage"></div> <mce:script type="text/javascript"></mce:script> </body> </html> 详细出处参考：http://www.jb51.net/article/10414.htm

收录于