DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 網站中富有創意的返回頂部設計欣賞
網站中富有創意的返回頂部設計欣賞
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:越來越多的設計師開始在網頁設計中使用返回頂部鏈接了。看到設計師們開始關注用戶體驗,真應該感到高興。在這篇文章,你將可以找到各種各樣的漂亮的、富有創意的“返回頂部”鏈接,希望本文能激發你更多的創造力。

越來越多的設計師開始在網頁設計中使用返回頂部鏈接了。看到設計師們開始關注用戶體驗,真應該感到高興。在這篇文章,你將可以找到各種各樣的漂亮的、富有創意的“返回頂部”鏈接,希望本文能激發你更多的創造力。

關於“返回頂部”back to Top

很多的頁面的信息過多,頁面很長,用戶浏覽到最下面時需要按鼠標滾動很久才能在回到頂部的導航菜單,這個時候在頁面底部增加一個“返回頂部”鏈接,就可以讓用戶快速返回頁面的頂部了。 傳統的方法是用錨點來創建“返回頂部”鏈接,大多數網站用的都是這種方法。
不過這種方法會增加一個無用的鏈接。你可以給你的body標簽創建一個ID,這樣就不會增加沒有的鏈接了。

<body id="page">  
 <!-- content goes here -->  
<a href="#page">back to top</a>  
</body>  

或者你也不想創建新的ID,那就讓“返回頂部”鏈接指向任意一個已經創建的ID也可以。

<body>  
<div id="wrapper">  
<!-- content goes here -->  
<a href="#wrapper">back to top</a>  
</div>  
</body>  

傳統上,人們只是使用這樣簡單的“返回頂部”鏈接,不過你也可以應用一些動畫效果,增加訪問者的使用趣味,有很多JavaScript庫插件可以輕松的實現這樣的效果。比如jQuery plugin ScrollTo
關於back to Top 返回頂部

縱觀歷史,偉大的藝術家總是發現新的方式來顯示自己的創造力,並創造新的趨勢和技術來顯示自己的與眾不同,網頁設計就是一個這樣很好的平台。設計沒有“好”與“壞”,只有“不同”。希望下面的設計能激發你的創造力和想象力,以創建自己的設計的勢,而不是簡單的模仿跟風。
  01. Stuffandnonsense 

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved