jQuery+CSS3全屏导航菜单代码

作者 : 小刺猬 本文共385个字,预计阅读时间需要1分钟 发布时间: 2020-07-30 共84人阅读

jQuery+CSS3全屏导航菜单代码

一款基于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>
VIP免费 永久VIP免费

已有0人支付


刺猬源码 » jQuery+CSS3全屏导航菜单代码

刺猬QQ交流群号多少?
363432

发表评论