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 汉堡菜单