Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码

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>