样式切换

本文介绍了两种页面样式切换的方法:一种是使用jQuery实现异步加载页面的导航样式切换;另一种是通过JavaScript进行同步加载的导航样式切换。这两种方法分别适用于不同的场景,能够帮助开发者灵活地控制页面元素的显示状态。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

异步加载页面样式切换

// 导航切换
			$(function() {
				$("#nav a").each(
						function(index) {
							$(this).click(
									function() {
										$("#nav a").eq(index).addClass(
												"navClicked").siblings()
												.removeClass("navClicked");
									})
						})

			});

同步加载导航样式切换

<script>

var strUrl=window.location.href;
var arrUrl=strUrl.split("/");
var strPage=arrUrl[arrUrl.length-1];
if(strPage.indexOf("?")>-1){
    var pageName=strPage.split("?");
    strPage=pageName[0];
    /* console.log(pageName[0])
    console.log(pageName[1]) */
}
if (strPage=="home") {
	img1.setAttribute("src", "/images/底部标签页-1首页-on.png");
}else if(strPage=="zhanYouHome"){
	img2.setAttribute("src", "/images/底部标签页-2战友之家-on.png");
}else if(strPage=="signUp"){
	img3.setAttribute("src", "/images/底部标签页-3培训-on.png");
}else if(strPage=="my"){
	img4.setAttribute("src", "/images/底部标签页-4我的-on.png");
}
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值