ホームページ > 記事 > ウェブフロントエンド > 非常不错的一个JS分页效果代码，值得研究_javascript技巧

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

WBOYオリジナル: 2016-05-16 19:12:011172ブラウズ

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

补充一句,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需刷新才能执行]

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：javascript实现的制作特殊字的脚本_javascript技巧次の記事：JavaScript与C# Windows应用程序交互方法_javascript技巧

続きを見る

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

関連記事