·网页特效库   ·网页工具库      
网页特效库
   
背景按钮导航特效图片特效文本特效时间特效状态特效另类特效网页制作网站首页
 
< 后退    |    收藏网页特效库
 推荐网页特效 更多推荐特效
 购物网站的导航效果,推荐!
 向上下左右滚动图片的特效
 超级变态广告代码
 设为首页
  加入收藏夹
 防止选择和复制
 新浪博客的提示窗口,推荐!
网页工具库 - 让网页制作更轻松
 推荐网页工具 更多网页工具
 在线html编辑器
 在线CSS编辑器
 滚动条颜色生成器
 弹出窗口生成器
 网页加密解密工具
 汉字转换成拼音工具
 文本繁简体转换工具
您的位置:网页特效库 >>  网页制作 >>  带页码的翻页体验与设计比较 打印友好页面
带页码的翻页体验与设计比较
作者:Farewelli   出处:JunChen

Flickr 照片列表的翻页

  • “上一页”“下一页”永远显示,但不同情况显示不同样式;
  • 按了“上一页”或“下一页”之后则边框加粗(成为重点),引导你继续往下点;
  • 告知用户列表的总数量;
  • 数量少得情况下,提供了“最后一页”的链接(图上没有);
  • 可以访问到所有的页,可惜如上图所示超过一定的页码,显示上有问题(IE 和 FF 都这样)。

新浪文章留言部分的翻页

  • 新浪评论部分的翻页,Ajax 可以拖动翻页(显摆用的);
  • 永远提供“第一页”“最后一页”“上一页”“下一页”的链接,但是样式基本一致没有差别;
  • 告知用户列表的总数量;
  • 提供批量翻页(“上 10 页”)。

但是在新浪博客(新浪比较有代表性的新产品)中,我们也可以看到以下相对比较粗糙的翻页:

新浪博客的翻页

  • 给出了“最后一页”的链接,直接显示为“第 n 页”,如上图中的“第 7 页”;
  • 在单个博客页面上的翻页,以“>>”作为下一页,而不是常见的“>”;
  • 提供了批量翻页(“上 5 页”)。
上一页   1   |   2   |   3   下一页
 上一篇:访客至上的网页设计秘笈 返回列表  下一篇:页面长度与用户行为的一些数据
网页工具库 - 让网页制作更轻松
 
网页特效库 关于我们 | 联系本站 | 免责声明 | 版权声明 | 网站地图 | 友情链接 | 鄂ICP备05023174号
Copyright © 2008 www.butong.net.All Rights Reserved.