Connect_logo_6.png 退出
前端視頻教程 小程序 眾籌源碼 python 商城源碼 商城模板 響應式模板 中文模板 手機模板 企業源碼
充值

jQuery響應式網站導航菜單欄代碼

作者/代碼整理:  (轉載請附加本文地址,帶有“懶人原生”字樣的謝絕轉載) 發布日期:2019-06-04
簡單實用的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>

河北十一选五走势图一定牛