简单实用的jQuery响应式网站导航菜单栏代码,自适应不同浏览器宽度,是一款电脑和手机移动端通用的导航栏代码。
js代码
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript"> //用于判断导航栏的状态 var toggle = true; //导航栏按钮 $('.btnImg').click(function() { if (toggle) { $('.btnImg').css("border", "1px solid #b0ccf3"); toggle = false } else { $('.btnImg').css("border", "1px solid transparent"); toggle = true; } $(".show").slideToggle(300); }) //窗口大小发生改变 $(window).resize(function() { //获取窗口宽度 var windSize = $(window).width(); if (windSize > 576) { $(".show").slideDown(0); } else { $(".show").slideUp(0); } }); </script>
本文由零壹源码整理自网络,如本站发布的内容若侵犯到您的权益,请邮件联系 1115211524@qq.com 删除,我们将及时处理!
==========================================
本站资源仅供学习和交流使用,本站对其所列之资源不拥有版权,版权归资源原作者所有,请在下载后24小时之内自觉删除。
若作商业用途,请购买正版及查阅最新授权相关说明,由于未及时购买和付费发生的侵权行为,与本站无关。
本站大部分资源及其所有相关信息均来自网络搜集或网友提供,不保证其完整性以及安全性,对信息的准确性不提供任何担保,亦不承担任何责任。