簡介：學(xué)會實(shí)現(xiàn)側(cè)邊欄內(nèi)容效果展示，能夠讓你迅速進(jìn)階。三個(gè)步驟:通過HTML、CSS實(shí)現(xiàn)側(cè)邊欄內(nèi)容布局；實(shí)現(xiàn)JavaScript代碼效果，使用面向?qū)ο蟮姆绞剑辉贘avaScript代碼預(yù)留位置，添加動畫效果。學(xué)會這些，躋身大網(wǎng)站程序員行列，身價(jià)倍增，趕快學(xué)習(xí)！
第1章 效果展示及實(shí)現(xiàn)步驟分析
明確側(cè)邊欄信息展示效果的運(yùn)用位置，剖析實(shí)現(xiàn)這個(gè)效果的六大方面功能及實(shí)施步驟。
第2章 用HTML+CSS實(shí)現(xiàn)側(cè)邊欄頁面布局
本部分包括兩個(gè)內(nèi)容實(shí)現(xiàn)，首先實(shí)現(xiàn)的是側(cè)邊欄（Sidebar）菜單的布局，接下來實(shí)現(xiàn)的是菜單欄內(nèi)容項(xiàng)方面的布局。
第3章 使用JavaScript的構(gòu)造函數(shù)創(chuàng)建對象
本部分是課程中的難點(diǎn)部分，首先創(chuàng)建的是側(cè)邊欄對象，并對其進(jìn)行驗(yàn)證，接著創(chuàng)建菜單欄內(nèi)容項(xiàng)的對象。
第4章 側(cè)邊欄信息展示效果的動畫效果的添加
動畫實(shí)現(xiàn)包括打開和關(guān)閉側(cè)邊欄以及打開及關(guān)閉菜單內(nèi)容欄菜單項(xiàng)兩個(gè)大的模塊，動畫實(shí)現(xiàn)原理相同。
第5章 總結(jié)
對內(nèi)容進(jìn)行梳理，在案例實(shí)現(xiàn)過程中用到的技術(shù)點(diǎn)及技巧進(jìn)行總結(jié)。