仿豆瓣分页原型(Javascript版)

2016-02-19 10:09 41 1 收藏

下面，图老师小编带您去了解一下仿豆瓣分页原型(Javascript版)，生活就是不断的发现新事物，get新技能~

【 tulaoshi.com - Web开发】

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

<!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" 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需刷新才能执行]

来源:http://www.tulaoshi.com/n/20160219/1593612.html

上一篇： Win10如何创建还原点及系统还原完全攻略
下一篇：图片自动保存到本地并利用aspjpeg为图片加水印

看过《仿豆瓣分页原型(Javascript版)》的人还看了以下文章更多>>

JavaScript版代码高亮

标签： Web开发

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" html head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / titleJavaScript版代码高亮/title link href="style.css" rel="stylesheet" type="text/css" / /head body div class="menu_head"JavaScript版代码高亮显示/div div class="content" script l...

javascript仿XP关机效果的弹出窗口功能

标签： Web开发

不管是做网站还是一些应用系统，都免不了要用到一些弹出的效果，在ZJ-BLOG V1.0 Beta2版本我在一些功能使用了网络上比较流行的仿XP关机效果的弹出功能，按目前的反应来说还是效果不错的，下面将此功能整一下儿，如果有需要大家可以直接使用到自己的网站或是应用系统中去。不在详细的说明代码了，帖出代码之前需要说明一点儿的...

Email地址加密javascript版

标签： Web开发

因为垃圾邮件的盛行，所以想把Email地址加密放在网页中，以前用过这样的工具，但昨天一时找不到了，于是上网去找，在天空找着一个这样的加密工具，但结果竟然要注册，这么简单的功能要注册呀，my god ~ ，于是自己用JS写了一个，非常简单，代码如下： function getEmail(email) { var r = ""; for (i=0...

用JavaScript/JS制作仿“QQ秀”的虚拟形象

标签： Web开发

不知大家有没有玩过QQ秀？玩过的话一定会想自己也做一个类似的功能。不过没有玩过也没关系，你可以看看下面的演示。用户可以在列出的图片中自由定制自己的形象，用在论坛社区、留言本等地方的形象显示可是个不错的主意哦！怎么样？心动了吧？那让我们看看这东西到底是怎么回事吧！查看演示效果实际上，左边形象预览的形象是由...

用javascript实现的仿Flash广告图片轮换效果

标签： Web开发

!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" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / title仿Flash广告图片...

查看更多精彩>>