簡介:學會實現側邊欄內容效果展示,能夠讓你迅速進階。三個步驟:通過HTML、CSS實現側邊欄內容布局;實現JavaScript代碼效果,使用面向對象的方式;在JavaScript代碼預留位置,添加動畫效果。學會這些,躋身大網站程序員行列,身價倍增,趕快學習!
第2章 用HTML+CSS實現側邊欄頁面布局
本部分包括兩個內容實現,首先實現的是側邊欄(Sidebar)菜單的布局,接下來實現的是菜單欄內容項方面的布局。
第3章 使用JavaScript的構造函數創建對象
本部分是課程中的難點部分,首先創建的是側邊欄對象,并對其進行驗證,接著創建菜單欄內容項的對象。
第4章 側邊欄信息展示效果的動畫效果的添加
動畫實現包括打開和關閉側邊欄以及打開及關閉菜單內容欄菜單項兩個大的模塊,動畫實現原理相同。