久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

設計更人性化的翻頁

   先來看一下百度的翻頁效果:

設計更人性化的翻頁 三聯
baidu2
baidu3

  百度的翻頁效果是這樣的:當你處于11頁之前時,第1頁的鏈接會顯示出來,但從第12頁開始,第1頁的鏈接就不會出現了,頁面上會顯示當前所在頁面向前的10個頁面的鏈接和向后9個頁面的鏈接。如果我當前如上圖所示的那樣,處于第29頁的話,那么我想回到第1頁就不太方便了,需要點擊最左側的頁面鏈接兩下才能回到第1頁。一般來說,上百度搜索,訪問者為了找到自己想要的結果,會從第1頁開始向后一頁一頁的翻,能夠翻到第12頁的幾率不大,所以百度使用的這種用1、2、3、4……的翻頁方式能夠讓訪問者快速的到達想要訪問的頁面。

  Google的翻頁效果和百度是一模一樣的。

google

  再來看Smashing Magazine的翻頁效果:

smashing
smashing1

  這里有這么幾個可能讓人不明白的地方。一是“<<”這樣的雙箭頭標志到底是什么意思?是前往上一頁呢還是到第1頁?如果像“Next>>”這樣加上文字的效果更清楚一些。二是最后面的空白方框也不太清楚,添加上“最后一頁”這樣的文字更好些。

  所以我認為,好的翻頁導航應該包含這么幾個設計要點:

  1、用阿拉伯數字1、2、3……這樣的方式來顯示效果是最清晰明了的,大多數的用戶也已經習慣了這樣的導航方式,這里需要注意的一點是,根據頁面寬度盡可能的列出比較多的頁面,一般10個左右的頁面比較合適。

  2、用戶當前所在的頁面要清晰地標示出來,要明顯的區別于其他頁面。

  3、上一頁和下一頁的標示必不可少。

  4、在任一頁面最好都能直接跳到首頁或者最后一頁。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 亚洲精品久久久蜜桃 | 自拍偷拍亚洲视频 | 国产成人精品一区二区三区 | 亚洲国产成人在线观看 | 天天拍天天插 | 男女视频在线观看网站 | 欧美日韩一区在线播放 | 青青青伊人 | 午夜视频在线免费观看 | 中文精品视频 | 久久久久久成人 | 午夜看片网站 | 99精品国产一区二区三区 | 日韩a在线 | 国产国产精品 | 热久久免费视频 | 亚洲福利一区二区 | 在线免费看91 | 国产成人精品一区二区 | 狠狠操狠狠干 | 福利电影在线 | 免费观看日韩av | 国产成人精品一区二区三区网站观看 | 中文字幕精品一区二区三区精品 | 精品久久久久久国产 | 国内精品一区二区三区 | 色必久久 | 亚洲国产成人在线观看 | 亚洲成人福利在线观看 | 精品国产一区二区三区久久久久久 | 国产欧美在线一区 | 久久99国产精品久久99果冻传媒 | 亚洲精品视频二区 | 九九热在线视频 | 成人av电影在线观看 | www.蜜桃av | 一级在线视频 | 国产精品久久久久久久久久免费 | 中文字幕日韩欧美一区二区三区 | 国产一区不卡 | 99久久精品免费看国产四区 |