選項卡屬於前端中最初級的demo,本人也是剛剛接觸前端開發不久,本着「在理論中學習,在實踐中提升」的宗旨,所以無論demo初級仍是高級,也要將其實現之!css
關於選項卡demo的簡單描述:導航欄上每一個按鍵對應下方的每一個內容區域,即點擊A按鍵則顯示對應的A內容區域,點擊B按鍵則顯示對應的B內容區域,以此類推。html
當點擊按鍵時,首先遍歷一遍,取消全部按鍵高亮並設置全部內容區域隱藏,而後設置當前按鍵高亮並顯示對應的內容區域。前端
須要注意的地方:要記錄當前點擊的按鍵對應的索引,由於要經過該索引顯示對應的內容區域。學習