jQuery+CSS3全屏导航菜单代码

jQuery+CSS3全屏导航菜单代码

栏目分类: 其他源码
开发语言: HTML
最后更新: 2025-11-27
下载次数: 0

简介:

一款基于jQuery CSS3实现的,当用户点击左上角的汉堡包按钮时,全屏菜单将从屏幕上方滑动显示出来的CSS3动画过渡全屏导航菜单代码。

js代码

<script src="https://img.x22t.com/file/2020/04/25/0f7e2e385dc6f1df34e67c947d05cc271655.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");
	});
});

图片: