是否有任何教程教我如何設計這個側邊欄像這個網站？

我真的是CSS和JavaScript的初學者，我非常喜歡這個網站的效果。但是，我嘗試從源代碼中學習一些東西，但這非常困難。所以我只想找到一些教程，教我如何設計這個很酷的側邊欄： http://bonsaiden.github.com/JavaScript-Garden/是否有任何教程教我如何設計這個側邊欄像這個網站？

來源

2011-09-28 Hengfeng Li

如果您是JS ad CSS的初學者，我建議您在基礎知識方面獲得一些經驗。嘗試一些簡單的教程，然後你可以自己找出更復雜的東西。 –

這是一個可愛的用戶界面！使用Chrome並找到「garden.js」文件。這就是魔術發生的地方。 – stephenmurdoch

希望你明白沒有教程會告訴你如何編程完全像這一個。但這是一個竅門。該側邊欄由三個主要部分組成。

如何有一個側邊欄，爲此瞭解如何使用CSS創建2列網站。在谷歌搜索「2列CSS」，很多有用的鏈接將出現。
頂部懸停菜單，這也是很常見的東西，搜索，你會得到它。
手風琴面板是主要的東西，這是你需要學習的東西。那裏有很多jQuery手風琴。

提示：請使用jQuery創建您的網站，這將有所幫助。

來源

2011-09-28 00:57:14

2列真的不難完成。不同框架的選擇完全取決於用戶，但我同意jQuery現在最容易學習和獲得支持，因爲社區是目前最大的。作爲一個4.點，你還需要尋找一個jQuery插件，檢測滾動條的當前狀態或正在查看什麼內容，所以菜單可以根據這一點作出反應/更改。作爲另一個提示，您可以使用CSS元素的'position：fixed'，所以菜單始終保持在同一個位置。 – Anonymous

謝謝你的提示，我會嘗試自己創建它。 –

是否有任何教程教我如何設計這個側邊欄像這個網站？

回答

相關問題