js+css3鐢佃剳鎵嬫満绔嚜閫傚簲鍝嶅簲寮忓鑸彍鍗曚唬鐮?/title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <nav> <div id="menu_button_wrapper"> <div id="menu_button"> Menu <div id="hamburger"> <span></span> <span></span> <span></span> </div> </div> <div class="clearfix"></div> </div> <ul id="menu_list"> <li class="current_page"><a href="#">Home</a></li> <li><a href="#">Audio</a></li> <li><a href="#">Video</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Contacts</a></li> </ul> </nav> <script type="text/javascript"> function addListener(element, type, callback) { if (element.addEventListener) { element.addEventListener(type, callback); } else if (element.attachEvent) { element.attachEvent('on' + type, callback); } } addListener(document, 'DOMContentLoaded', function () { var mq = window.matchMedia("(max-width: 760px)"); if (mq.matches) { document.getElementById("menu_list").classList.add("hidden"); } addListener(document.getElementById("menu_button"), 'click', function () { document.getElementById("menu_list").classList.toggle("hidden"); }); addListener(window, 'resize', function () { var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; if (width > 760) { document.getElementById("menu_list").classList.remove("hidden"); } else { document.getElementById("menu_list").classList.add("hidden"); } }); }); </script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>閫傜敤娴忚鍣細360銆丗ireFox銆丆hrome銆丼afari銆丱pera銆佸偛娓搞€佹悳鐙椼€佷笘鐣屼箣绐? 涓嶆敮鎸両E8鍙婁互涓嬫祻瑙堝櫒銆?/p> <p>鏉ユ簮锛?a href="http://www.lanrenzhijia.com/" target="_blank">鎳掍汉绱犳潗</a></p> </div> </body> </html>