通過onclick單擊事件，實現(xiàn)效果，代碼如下：
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>開關(guān)按鈕設(shè)置</title> </head> <link rel="stylesheet" href="css/Default style sheet.css" rel="external nofollow" /> <style> div{ width:120px; margin: 0px auto; border: 2px solid black;} ul{ display: none; } </style> <script> window.onload=function(){ var odiv=document.getElementById("v"); var oli=odiv.getElementsByTagName("ul")[0]; var onf=true odiv.onclick=function(){ if (onf==true) { oli.style.display='block'; onf=false } else{ oli.style.display='none'; onf=true } } } </script> <body> <div id="v"> <h4>你好啊，小老弟</h2> <ul> <li>come</li> <li>on</li> <li>do</li> </ul> </div> </body></html><br> 實現(xiàn)效果：
總結(jié)
以上所述是小編給大家介紹的js實現(xiàn)按鈕開關(guān)單機下拉菜單效果，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持！
新聞熱點
疑難解答
