• 第1章 效果展示及實(shí)現(xiàn)步驟分析
• 視頻：1-1 效果展示及實(shí)現(xiàn)步驟分析(04:36)

• 第2章 用HTML+CSS實(shí)現(xiàn)側(cè)邊欄頁面布局
• 視頻：2-1 使用HTML CSS實(shí)現(xiàn)側(cè)邊欄菜單布局(09:54)
• 選擇：2-2 練習(xí)題
• 視頻：2-3 用HTML CSS實(shí)現(xiàn)菜單欄內(nèi)容項(xiàng)布局(06:37)
• 選擇：2-4 練習(xí)題

• 第3章 使用JavaScript的構(gòu)造函數(shù)創(chuàng)建對(duì)象
• 視頻：3-1 用Js的構(gòu)造函數(shù)創(chuàng)建側(cè)邊欄對(duì)象(12:31)
• 選擇：3-2 練習(xí)題
• 視頻：3-3 側(cè)邊欄對(duì)象--構(gòu)造函數(shù)的驗(yàn)證(07:34)
• 視頻：3-4 使用JS的構(gòu)造函數(shù)創(chuàng)建菜單項(xiàng)對(duì)象(09:32)
• 選擇：3-5 練習(xí)題

• 第4章 側(cè)邊欄信息展示效果的動(dòng)畫效果的添加
• 視頻：4-1 動(dòng)畫效果相關(guān)知識(shí)點(diǎn)講解(06:45)
• 視頻：4-2 關(guān)閉側(cè)邊欄的動(dòng)畫效果實(shí)現(xiàn)(09:16)
• 視頻：4-3 打開側(cè)邊欄的動(dòng)畫效果實(shí)現(xiàn)(06:47)
• 視頻：4-4 菜單欄內(nèi)容項(xiàng)的動(dòng)畫效果實(shí)現(xiàn)(16:02)
• 選擇：4-5 練習(xí)題

• 第5章 總結(jié)
• 視頻：5-1 總結(jié)(03:53)