網頁制作poluoluo文章簡介:越來越多的設計師開始在網頁設計中使用返回頂部鏈接了。看到設計師們開始關注用戶體驗,真應該感到高興。在這篇文章,你將可以找到各種各樣的漂亮的、富有創意的“返回頂部”鏈接,希望本文能激發你更多的創造力。
越來越多的設計師開始在網頁設計中使用返回頂部鏈接了。看到設計師們開始關注用戶體驗,真應該感到高興。在這篇文章,你將可以找到各種各樣的漂亮的、富有創意的“返回頂部”鏈接,希望本文能激發你更多的創造力。
關於“返回頂部”back to Top
很多的頁面的信息過多,頁面很長,用戶浏覽到最下面時需要按鼠標滾動很久才能在回到頂部的導航菜單,這個時候在頁面底部增加一個“返回頂部”鏈接,就可以讓用戶快速返回頁面的頂部了。 傳統的方法是用錨點來創建“返回頂部”鏈接,大多數網站用的都是這種方法。不過這種方法會增加一個無用的鏈接。你可以給你的body標簽創建一個ID,這樣就不會增加沒有的鏈接了。<body> <a name="top"></a> <!-- content goes here --> <a href="#top">top</a></body>
或者你也不想創建新的ID,那就讓“返回頂部”鏈接指向任意一個已經創建的ID也可以。<body id="page">
<!-- content goes here -->
<a href="#page">back to top</a>
</body>
傳統上,人們只是使用這樣簡單的“返回頂部”鏈接,不過你也可以應用一些動畫效果,增加訪問者的使用趣味,有很多JavaScript庫插件可以輕松的實現這樣的效果。比如jQuery plugin ScrollTo。<body>
<div id="wrapper">
<!-- content goes here -->
<a href="#wrapper">back to top</a>
</div>
</body>
02. Rapidxhtml
03. Dawghousedesignstudio
04. Visitmix
05. Visualboxsite
06. Leihu
07. Kinoz
08. Squarefactor
09. Meshu
10. Friml
11. Blogfullbliss
12. Dharmafrog
13. Pivonka
14. Psdlayout
15. Kineticshadows
16. Fullcreammilk
17. Webleeddesign
18. Moustacheme
19. Ftdesigner
20. Two24studios
21. Brandmurder
22. Toggle
23. Jeffsarmiento
24. Monsterpreneurs
25. Spicydesign
26. Dannyblackman
27. Tanyamerone
28. Dougdosberg
29. Bubblessoc
30. Markdearman
31. Nue-media
32. Delugestudios
33. Gpacheco
34. Ja-nic
35. Chiragjsolanki
36. Dreamerlines
37. Aseed
38. Emrahyaman
39. Douglasmenezes
40. Wpdesigner
41. Greenie Theme
42. Launchmind
43. Jeannaandjeff
44. Taufiq-ridha
45. Chigarden