HTML中 点击文字后变色,再点击下一段文字时,下一段文字变色，之前的一段文字颜色恢复原来颜色
4个回答
展开全部
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function HideOrShowFont(obj) {
if (obj == "a1") {
document.getElementById("a1").style.color = "red";
} else if (obj == 'a2') {
document.getElementById("a1").style.color = "blue";
document.getElementById("a2").style.color = "red";
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="javascript:HideOrShowFont('a1')" id="a1">第一段文字</a>
<a href="javascript:HideOrShowFont('a2')" id="a2">第二段文字</a>
<a href="javascript:HideOrShowFont('a3')" id="a3">第三段文字</a>
</div>
</form>
</body>
</html>
<head runat="server">
<title></title>
<script type="text/javascript">
function HideOrShowFont(obj) {
if (obj == "a1") {
document.getElementById("a1").style.color = "red";
} else if (obj == 'a2') {
document.getElementById("a1").style.color = "blue";
document.getElementById("a2").style.color = "red";
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="javascript:HideOrShowFont('a1')" id="a1">第一段文字</a>
<a href="javascript:HideOrShowFont('a2')" id="a2">第二段文字</a>
<a href="javascript:HideOrShowFont('a3')" id="a3">第三段文字</a>
</div>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
.txt_one{ color:red;}
.txt_two{ color:blue;}
通过js或者jq获取点击事件，绑定css···
.txt_two{ color:blue;}
通过js或者jq获取点击事件，绑定css···
追问
能具体点么
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用CSS+js函数来控制吧
追问
这个我知道，具体怎么控制 JS手册完全看不懂啊
追答
思想是这样的：先引入jqurey和CSS的类库，这个你应该会吧，，
再用js脚本写函数，，当鼠标点击的时候，获取到你写的文字的“id”或者“class”，改变文字的CSS样式，将color换为你要的颜色。
具体实现还要看你的其他代码，，这样说的可能不太清楚。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
