www.gusucode.com > 21:【198-3830】营销型水处理设备净化水设备网站织梦模板(带手机端) > 21:【198-3830】营销型水处理设备净化水设备网站织梦模板(带手机端)/m/skin/js/menu.js
$(function(){ var menuwidth = 200; // 边栏宽度 var menuspeed = 400; // 边栏滑出耗费时间 var $bdy = $('body'); var $container = $('#pgcontainer'); var $burger = $('#hamburgermenu'); var negwidth = "+"+menuwidth+"px"; var poswidth = "-"+menuwidth+"px"; $('.menubtn').on('click',function(e){ if($bdy.hasClass('openmenu')) { jsAnimateMenu('close'); } else { jsAnimateMenu('open'); } }); $('.overlay').on('click', function(e){ if($bdy.hasClass('openmenu')) { jsAnimateMenu('close'); } }); function jsAnimateMenu(tog) { if(tog == 'open') { $bdy.addClass('openmenu'); $container.animate({marginRight: negwidth, marginLeft: poswidth}, menuspeed); $burger.animate({width:"200px"}, menuspeed); $('.overlay').animate({left: poswidth}, menuspeed); } if(tog == 'close') { $bdy.removeClass('openmenu'); $container.animate({marginRight: "0", marginLeft: "0"}, menuspeed); $burger.animate({width: "0"}, menuspeed); $('.overlay').animate({right: "0"}, menuspeed); } } });