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

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

操作方法

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

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

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

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

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

（06）第六步，CTR+S保存代碼，在瀏覽器中F5刷新網頁查看效果

特別提示

記得CTR+S常記得保存的備份，F5刷新網頁

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