簡單JS實現下拉選單,web前端小技巧
來源:酷知科普網 2.5W
瀏覽在各種各樣的網站上,有木有被各種各樣的下拉選單所吸引到?其是很簡單,三兩步就可以搞定。(如果這篇能幫到你解決問題,記得點贊打上喲!!)
操作方法
(01)第一步寫好HTML程式碼以實現下拉選單
(02)第二步在網頁上看到初步效果
(03)第三步新增JavaScript程式碼實現功能,hide()函式實現display的隱藏
(04)第四步新增JavaScript程式碼實現功能,hide()函式實現display的隱藏
(05)第五步,在HTML程式碼中引用show()和hide()函式
(06)第六步,CTR+S儲存程式碼,在瀏覽器中F5重新整理網頁檢視效果
特別提示
記得CTR+S常記得儲存的備份,F5重新整理網頁
參考了一部分慕課網的程式碼,請勿商用僅供參考學習