簡單JS實現下拉選單，web前端小技巧

瀏覽在各種各樣的網站上，有木有被各種各樣的下拉選單所吸引到？其是很簡單，三兩步就可以搞定。(如果這篇能幫到你解決問題，記得點贊打上喲！！)

操作方法

（01）第一步寫好HTML代碼以實現下拉選單

（02）第二步在網頁上看到初步效果

（03）第三步添加JavaScript代碼實現功能，hide（）函數實現display的隱藏

（04）第四步添加JavaScript代碼實現功能，hide（）函數實現display的隱藏

（05）第五步，在HTML代碼中引用show()和hide()函數

（06）第六步，CTR+S儲存代碼，在瀏覽器中F5重新載入網頁檢視效果

特別提示

記得CTR+S常記得儲存的備份，F5重新載入網頁

參考了一部分慕課網的代碼，請勿商用僅供參考學習