非常不错的一个JS分页效果代码，值得研究_javascript技巧-js教程-PHP中文网

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

php中文网

发布： 2016-05-16 19:12:01

原创

1533人浏览过

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

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

<title>JS静态分页程序</title>
<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>
<div id="setpage"></div> 
<script type="text/javascript"> 
 
</script>

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