JS代码
<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>
在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载