javascript 汉堡菜单

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 汉堡菜单相关的知识,希望对你有一定的参考价值。


		<button type="button" class="hamburger is-closed">
		  <span class="hamb-top"></span>
		  <span class="hamb-middle"></span>
		  <span class="hamb-bottom"></span>
		</button>

$(document).ready(function() {
	'use strict';
		var hamburger = $('.hamburger');
		hamburger.click(function() {
		  hamburger_cross();
		});
		function hamburger_cross() {
		  if (hamburger.hasClass('is-closed')) {
		    hamburger.removeClass('is-closed');
		    hamburger.addClass('is-open');
		  } else {
		    hamburger.removeClass('is-open');
		    hamburger.addClass('is-closed');
		  }
		}
});

以上是关于javascript 汉堡菜单的主要内容,如果未能解决你的问题,请参考以下文章

javascript 菜单汉堡动画

javascript 汉堡菜单JQuery

javascript 启动自定义菜单汉堡包

javascript 汉堡菜单

javascript js + html + css - 汉堡菜单

javascript 汉堡菜单