鼠标滑过单元格，颜色改变，点击单元格，颜色也改变

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocumen... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<table >
<tr onmouseover="this.bgColor='#BDDFFF'" onmouseout="this.bgColor='#FFFFFF'" ">
<td>aaaa</td>
<td>aaaa</td>
<td>aaaa</td>
</tr>
<tr onmouseover="this.bgColor='#BDDFFF'" onmouseout="this.bgColor='#FFFFFF'" >
<td>aaaa</td>
<td>aaaa</td>
<td>aaaa</td>
</tr> <tr onmouseover="this.bgColor='#BDDFFF'" onmouseout="this.bgColor='#FFFFFF'" >
<td>aaaa</td>
<td>aaaa</td>
<td>aaaa</td>
</tr>
<tr onmouseover="this.bgColor='#BDDFFF'" onmouseout="this.bgColor='#FFFFFF'" >
<td>aaaa</td>
<td>aaaa</td>
<td>aaaa</td>
</tr>
</table>
</BODY>
</HTML>

鼠标滑过某一行，该行的颜色由白--蓝，现在我想实现：
当我单击，这行颜色白-蓝，并且你移走，仍为蓝色，而当你再点击其他行的时候，上一次点击的又变回白色，而新点击的变为蓝色
还望高手指点 展开
 我来答
5个回答
#热议# 在购买新能源车时，要注意哪些？
焊工0531
2009-12-02 · TA获得超过674个赞
知道小有建树答主
回答量：301
采纳率：100%
帮助的人：153万
我也去答题访问个人页
展开全部
单击事件是 onclick

要实现点一下变兰，再点一下变白的效果，
要接和JavaScript，对单击次数进行if判断。
这样 onmouseout就不用写了。

。。。代码稍后
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
慈访旁采绿
2019-03-30 · TA获得超过3833个赞
知道大有可为答主
回答量：3102
采纳率：28%
帮助的人：194万
我也去答题访问个人页
展开全部
<tr
onclick="this.bgColor='#BDDFFF'"
onmouseout="this.bgColor='#FFFFFF'"
>
我再看看
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
zzs1949
2009-12-02 · TA获得超过1600个赞
知道小有建树答主
回答量：1250
采纳率：80%
帮助的人：1124万
我也去答题访问个人页
展开全部
<tr onclick="this.bgColor='#BDDFFF'" onmouseout="this.bgColor='#FFFFFF'" >

我再看看
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
shjunj6
2009-12-02 · TA获得超过163个赞
知道答主
回答量：97
采纳率：0%
帮助的人：36.9万
我也去答题访问个人页
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function changeColor(obj){
if(obj.id==document.getElementById("colorRowId").value){
return;
}
var tempStyle = obj.className;
if(document.getElementById("colorRowId").value!=""){
var temp = document.getElementById("colorRowId").value;
var preStyle = document.getElementById("preStyle").value;
if(document.getElementById(temp).className!="style3"){
if(preStyle=="green"){
document.getElementById(temp).className = "green";
}else{
document.getElementById(temp).className = "";
}
}
}
if(obj.className!="style3"){
obj.className = "style2";
}
document.getElementById("colorRowId").value = obj.id;
document.getElementById("preStyle").value = tempStyle;
}

function selectData(obj){
var tempSpreStyle=obj.className;
if(document.getElementById("sRowId").value!=""){
var temp = document.getElementById("sRowId").value;
var sPreStyle = document.getElementById("sPreStyle").value;
if(sPreStyle=="green"){
document.getElementById(temp).className = "green";
}else{
document.getElementById(temp).className = "";
}
}
obj.className = "style3";
document.getElementById("sPreStyle").value = document.getElementById("preStyle").value;
}
//-->
</script>
<style type="text/css">
<!--
.style2 {
background-color: #ffc02b;
color: #eeeeee;
font-size: 12px;
}
.style3 {
background-color: #ccc02b;
color: red;
font-size: 12px;
}
body{
overflow:hidden;
}
-->
</style>

<input type="text" id="sPreStyle"/>
<input type="text" id="preStyle"/>
<input type="text" id="sRowId"/>
<input type="text" id="colorRowId"/>
<table >
<tr onmouseover="changeColor(this);" onclick="selectData(this);" id="tr_1">
<td>aaaa</td>
<td>aaaa</td>
<td>aaaa</td>
</tr>
<tr onmouseover="changeColor(this);" onclick="selectData(this);" id="tr_2">
<td>aaaa</td>
<td>aaaa</td>
<td>aaaa</td>
<tr onmouseover="changeColor(this);" onclick="selectData(this);" id="tr_3">
<td>aaaa</td>
<td>aaaa</td>
<td>aaaa</td>
</tr>
<tr onmouseover="changeColor(this);" onclick="selectData(this);"id="tr_4">
<td>aaaa</td>
<td>aaaa</td>
<td>aaaa</td>
</tr>
</table>

</BODY>
</HTML>

还有点小问题，累了，你自己调试出来吧
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
百度网友dc81944bb
推荐于2016-06-21 · TA获得超过572个赞
知道小有建树答主
回答量：793
采纳率：0%
帮助的人：724万
我也去答题访问个人页
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<script type="text/javascript">
var oldobj;
function trclick(obj){
if(oldobj != null){
oldobj.bgColor="#FFFFFF";
}
oldobj = obj;
obj.bgColor='#BDDFFF';
}
function mouserout(obj){
if(oldobj == obj){
return;
}
obj.bgColor='#FFFFFF';
}
</script>
<table border=1>
<tr onmouseover="this.bgColor='#BDDFFF'" onmouseout=mouserout(this) onclick=trclick(this) >
<td>aaaa</td>
<td>aaaa</td>
<td>aaaa</td>
</tr>
<tr onmouseover="this.bgColor='#BDDFFF'" onmouseout=mouserout(this) onclick=trclick(this) >
<td>aaaa</td>
<td>aaaa</td>
<td>aaaa</td>
</tr> <tr onmouseover="this.bgColor='#BDDFFF'" onmouseout=mouserout(this) onclick=trclick(this) >
<td>aaaa</td>
<td>aaaa</td>
<td>aaaa</td>
</tr>
<tr onmouseover="this.bgColor='#BDDFFF'" onmouseout=mouserout(this) onclick=trclick(this) >
<td>aaaa</td>
<td>aaaa</td>
<td>aaaa</td>
</tr>
</table>

</BODY>
</HTML>

在你的基础上改了下就好了
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
收起 2条折叠回答
收起 更多回答（3）
推荐律师服务： 若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
广告

您可能关注的内容

为你推荐：

下载百度知道APP，抢鲜体验
使用百度知道APP，立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

京ICP证030173号-1   京网文【2023】1034-029号     ©2024Baidu  使用百度前必读 | 知道协议 | 企业推广

辅 助

模 式