jQuery响应式网站导航菜单栏代码

简单实用的jQuery响应式网站导航菜单栏代码，自适应不同浏览器宽度，是一款电脑和手机移动端通用的导航栏代码。

js代码
<scripttype="text/javascript"src="js/jquery.min.js"></script>
<scripttype="text/javascript">
//用于判断导航栏的状态
vartoggle=true;//导航栏按钮
$('.btnImg').click(function(){
if(toggle){
$('.btnImg').css("border","1pxsolid#b0ccf3");
toggle=false
}else{
$('.btnImg').css("border","1pxsolidtransparent");
toggle=true;
}
$(".show").slideToggle(300);
})//窗口大小发生改变
$(window).resize(function(){
//获取窗口宽度
varwindSize=$(window).width();if(windSize>576){
$(".show").slideDown(0);
}else{
$(".show").slideUp(0);
}
});
</script>



下载

2023-11-22 22:36 上传

点击文件名下载附件
售价: 1 金币  [记录]  [购买]