純JS選單收縮程式碼
阿新 • • 發佈:2018-12-09
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> function show(s) { o = document.getElementById(s); if (o.style.display == "") { o.style.display = "none"; return; } o.style.display = ""; } </script> </head> <body> <ul style="float: left;"> <li onclick="show('a')"><a href="#">企業簡介</a> <ul id="a"> <li><a href="#">公司簡介</a></li> <li><a href="#">總裁致辭</a></li> </ul></li> <li onclick="show('b')"><a href="#">公司新聞</a> <ul id="b" style="display: none"> <li><a href="#">檢視新聞</a></li> <li><a href="#">釋出新聞</a></li> </ul></li> <li onclick="show('c')"><a href="#">產品展示</a> <ul id="c" style="display: none"> <li><a href="#">檢視產品</a></li> <li><a href="#">釋出產品</a></li> </ul></li> <li onclick="show('d')"><a href="#">人才招聘</a> <ul id="d" style="display: none"> <li><a href="#">招聘管理</a></li> <li><a href="#">新增招聘</a></li> </ul></li> <li onclick="show('e')"><a href="#">聯絡我們</a> <ul id="e" style="display: none"> <li><a href="#">公司電話</a></li> <li><a href="#">公司地址</a></li> <li><a href="#">公司傳真</a></li> </ul></li> </ul> </body> </html>