懒人之家--可能是JS网页特效代码收集最全的懒站!
更多

jQuery+CSS3全屏导航菜单代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-08-07
一款基于jQuery+CSS3实现的,当用户点击左上角的汉堡包按钮时,全屏菜单将从屏幕上方滑动显示出来的CSS3动画过渡全屏导航菜单代码。


js代码

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script>
$(window).load(function () {
	$('.btn-nav').on('click tap', function () {
		$('.nav-content').toggleClass('showNav hideNav').removeClass('hidden');
		$(this).toggleClass('animated');
	});
});
</script>