站长资源 网络编程

仿豆瓣分页原型(Javascript版)

整理:jimmy2026/8/5浏览2次

简介好久没发过帖子了~~。因为工作需要，仿豆瓣式写了个分页的样式。自我感觉，这样的分页前后兼顾，对于用户的体验是蛮好使的。仿豆瓣分页原型（Javascript版） /* Paginator */

好久没发过帖子了~~。
因为工作需要，仿豆瓣式写了个分页的样式。
自我感觉，这样的分页前后兼顾，对于用户的体验是蛮好使的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="gb2312" > <head>     <meta http-equiv="content-type" content="text/html; charset=gb2312" />     <meta name="author" content="Smiling Dolphin" />     <meta name="keywords" content="design, css, cascading, style, sheets, xhtml, graphic design, w3c, web standards, visual, display, java, javascript, c++, php, jsp, asp, py, pl" />     <meta name="description" content="my favorites language." />     <meta name="robots" content="all" />     <title>仿豆瓣分页原型（Javascript版）</title>     <style type="text/css" title="currentStyle" media="screen">         /* Paginator */         .paginator {             font: 14.8px normal Arial, Helvetica, sans-serif;             color: #666666;             margin-top: 10px;             margin-bottom: 5px;             line-height: 150%;             background-color: #EEFFEE;             text-align: center;         }         .paginator a, .thispage, .break {             padding: 2px 4px;         }         .paginator .prev {             margin-right: 20px;         }         .paginator .next {             margin-left: 20px;         }         .paginator .count {             margin-left: 20px;             font-size: 11px;         }     </style> </head> <body>   </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：javascript表格控件：Chgrid，简化型

下一篇：在页面上点击任一链接时触发一个事件的代码

站长资源网络编程

仿豆瓣分页原型(Javascript版)

最新资源