提升网站可用性，简化网页翻页功能

最终效果如下图，右侧灰边看相对位置，版权所有谨防假冒：

去年曾针对有时间先后的翻页记录了思考片段。之后没来得及调整一直是默认和插件并用，虽然难看但似乎可用性还凑合，没空所以没改。今天给WP-PageNavi升级偶然看了看结构代码，发现还算比较灵活，于是花了点时间尝试调整。

感觉用户对wordpress默认的翻页并不是很排斥，但个人认为wp-pagenavi默认的效果还不如wordpress。这类增加了可点击范围的方框链接中规中矩，更适合CMS系统，并且也不融于当前风格。下边个效果好点，但点“下一页”还是不方便，而且语言传达太啰嗦。

还好wp-pagenavi字符集开放很彻底，之前也尝试了2个数字效果，不过发现链接是多余，于是干脆精简到只显示1个数，很类似把默认的newer和older换成数字。如果把“下一页”换成英文Older Entries，正好保证时间传达的清晰准确。比较遗憾的是，链接不能控制title，先用用看。

时间： 2024-10-31 15:40:48

提升网站可用性，简化网页翻页功能的相关文章

IE10快速翻页功能让浏览更高效

浏览网页时常会遇到这样的情况,一篇文章被分成几页或十几页来显示, 于是每看完一页都要找到"下一页"按钮来翻页,十分麻烦.Modern触控版IE10浏览器的快速翻页功能,让你无需费心寻找按钮,一键即可直接跳转到下一页,非常的方便. 一键快速翻页(Alt + →) 将鼠标移动至网页中线右侧,单击隐藏的前进按钮(或使用快捷键Alt + →),即可快速跳转到下一页. 触屏操作 用手指从屏幕右边向左边滑动,即可跳转到下一页. 如果你无法在Modern触控版IE10下使用快速翻页功能,这个可能是这

form-jsp翻页功能问题，求指导

问题描述 jsp翻页功能问题,求指导 pageno=1; if(request.getParameter("pageno")==null||request.getParameter("pageno").equals("")) {pageno=1;} else{pageno=Integer.parseInt(request.getParameter("pageno"));} 目前页数<%=pageno%> 总页数:&

网页翻页特效代码无法实现

问题描述 网页翻页特效代码无法实现 我用这段代码实现网页翻页特效:meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=1.0, transition=23)".但不知道怎么回事,在安装有的系统后这个特效却看不到,该如何解决,请高手指点! 解决方案 浏览器是不是同一个,是不是不支持的问题 解决方案二: 同意1楼 是不是浏览器兼容性的问题 多试几个浏览器

使用Uniread实现SQLplus翻页功能

    对于经常使用SQLplus的网友来说,SQLplus没有提供类似DOS工具的翻页功能,故不能实现SQL语句的来回翻动.现在我们有了Uniread, 减轻了代码的反复输入的工作量,真是让人大快人心.下面是安装方法. 一.所需的安装文件(你可以Google这些文件,或给本人留言留下Email)        IO-Tty-1.07.tar.gz        Term-ReadLine-Gnu-1.16.tar.gz        uniread-1.01.tar.gz 二.查看刚刚下载的安

nagios报错-如何来实现ios的小说翻页功能

问题描述 如何来实现ios的小说翻页功能 各位客官,一直以来想做个项目,关于小说阅读的.但是我还是个新手,对很多的东西都不太懂.想请教各位,如何来实现点击一本书以后.进去点击翻页阅读 解决方案 http://www.cocoachina.com/bbs/read.php?tid=75357 解决方案二: ios 翻页例子源码 解决方案三: 处理gestrue等事件 然后实现页面的前进后退加载

在JSP页面中怎么实现翻页功能

问题描述 又谁知道在JSP页面中怎么实现翻页功能呀,页面中有两个按钮"上一页"和"下一页".当我点击下一页按钮时就往前翻一页,点击上一页按钮时就往后翻一页.....急...急...急... 解决方案 解决方案二:百度一下啊,好多的啊,解决方案三:这种问题太.....解决方案四:针对这个问题我上传了一个资源"jstl实现jsp页面的分页",可以解决这个问题,并且操作相对简单解决方案五:网上例子比较多,先理清思路,然后就可以动手拉.解决方案六:楼主,

数据-html5实现上下滑动翻页功能

问题描述 html5实现上下滑动翻页功能 table的数据量多的时候,怎么控制向下滑动即翻页,数据最下点击按钮跳到第一条数据 解决方案 http://www.jb51.net/jiaoben/333183.html 解决方案二: http://blog.csdn.net/yongjian1092/article/details/8927820

ASP翻页功能在火狐中JS不起作用

问题描述 我有一个页面有翻页功能,在IE正常使用,但是在火狐就不能用(点击链接没有反应),是JS没有起作用,但是不知道是JS没有触发成功,还是函数没有起作用.HTML部分:<ahref="javascript:pFirst();">首页</a>这个是翻页链接JS部分:functionpFirst(){document.all.hdCurPageNum.value=1;pSubmit();}functionpSubmit(){document.form1.acti

Android开发之手势检测及通过手势实现翻页功能的方法

本文实例讲述了Android开发之手势检测及通过手势实现翻页功能的方法.分享给大家供大家参考,具体如下: 手势是指用户手指或触摸笔在触摸屏上的连续触碰的行为,比如在屏幕上从左至右划出的一个动作,就是手势,再比如在屏幕上画出一个圆圈也是手势.手势这种连续的触碰会形成某个方向上的移动趋势,也会形成一个不规则的几何图形.Android对两种手势行为都提供了支持: 1. 对于第一种手势行为而言,Android提供了手势检测,并为手势检测提供了相应的监听器. 2. 对于第二种手势行为,Android允许开