HTML中点击文字后变色,再点击下一段文字时,下一段文字变色，之前的一段文字颜色恢复原来颜色

最新推荐文章于 2024-06-30 11:06:07 发布

勋勋勋勋小勋勋

最新推荐文章于 2024-06-30 11:06:07 发布

阅读量8.9k

点赞数 5

本文链接：https://blog.csdn.net/qq_34607371/article/details/80368867

版权

index.js

function HideOrShowFont(obj) {
if (obj == "a1") {
document.getElementById("a1").style.color = "#2577e3";
document.getElementById("a2").style.color = "#333";
document.getElementById("a3").style.color = "#333";

}

else if (obj == 'a2') {

document.getElementById("a1").style.color = "#333";
document.getElementById("a2").style.color = "#2577e3";
document.getElementById("a3").style.color = "#333";
}
else if (obj == 'a3') {
document.getElementById("a1").style.color = "#333";
document.getElementById("a2").style.color = "#333";
document.getElementById("a3").style.color = "#2577e3";
}

}

index.html

<head>
<script type="text/javascript" src="../js/index.js"></script> //引入index.js文件

</head>

<body>

<li><a href="javascript:HideOrShowFont('a1')" id="a1">全部积分</a></li> /* id与js中的obj一致。与javascript:HideOrShowFont('a1') 中的a1一致*/

<body>

效果图：

勋勋勋勋小勋勋

关注

5
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
HTML中点击文字后变色,再点击下一段文字时,下一段文字变色，之前的一段文字颜色恢复原来颜色

index.jsfunction HideOrShowFont(obj) { if (obj == "a1") { document.getElementById("a1").style.color = "#2577e3"; document.getElementById("a2").style.color = "...
复制链接

扫一扫