(关于onMouseOver、onMouseOut、onClick后的动作)请问这个效果如何实现?

有两个单元格(tr),命名为tr_A和tr_B,初始的时候,tr_B的背景色为red,tr_A的背景色为white,要求实现如下效果:
1.当鼠标移动到tr_A时(onMouseOver):tr_A的背景色变为balck;
2.当鼠标离开tr_A时(onMouseOut):tr_A的背景色变为white;
3.当鼠标点击tr_A时(onClick):tr_A的背景色变成red,而tr_B的背景色变成white;并且鼠标再次移动到tr_A时,背景色不变,直到tr_B被点击后才会再继续变色。

以上步骤要求能循环实现,请问如何编写js?谢谢各位!
---------------------------------------------------------------

这个还没有写完善,你可以加工一下。
对于第三点,你可以设置一个全局变量做为标志。
以下可以做为参考

 1<html>
 2<head>
 3<title> New Document </title>
 4<meta content="EditPlus" name="Generator"/>
 5<meta content="zh-cn" http-equiv="Content-Language"/>
 6<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
 7<script language="JavaScript">   
 8<!--   
 9function test1(obj)   
10{   
11obj.bgColor="#000000";   
12}   
13function test2(obj)   
14{   
15obj.bgColor="#ffffff";   
16}   
17function test3(obj)   
18{   
19alert("aa");   
20obj.bgColor="#ff0000";   
21document.all.tr_b.bgColor="#ffffff"   
22}   
23//-->   
24</script>
25</head>
26<body>
27<table>
28<tr bgcolor="blue" id="tr_a" onclick="test3(this)" onmouseout="test2(this)" onmouseover="test1(this)" style="cursor:hand">
29<td>aaaaaaaaaaaaaaa</td></tr>
30<tr id="tr_b" style="cursor:hand"><td>bbbbbbbbbbbbbbbbbb</td></tr>
31</table>
32</body>
33</html>

---------------------------------------------------------------

1<script>   
2function Mover(go){go.bgColor="#ebe9e0";}   
3function Mout1(come){come.bgColor="#ffffff";}   
4function Mout2(come){come.bgColor="#e9f4ff";}   
5</script>

< td bgColor="#e9f4ff" onmouseover="javascript:Mover(this)" onmouseout="Mout2(this)">baisun ---------------------------------------------------------------

同意楼上。UP!
---------------------------------------------------------------

1<script>   
2var flag=1   
3function Mover(go){if(flag==1) go.bgColor="#ebe9e0";}   
4function Mout2(come){if(flag==1) come.bgColor="#e9f4ff";}   
5</script>

< td id=tr_A bgColor="#e9f4ff" onmouseover="javascript:Mover(this)" onmouseout="Mout2(this)" onclick="this.bgColor='#FF0000';document.all.tr_B.bgColor='#ffffff';flag=0;">baisun < td id=tr_B bgColor="#e9f4ff" onmouseover="javascript:Mover(this)" onmouseout="Mout2(this)" onclick="javascript:flag=(flag==0)?1:0;">baisun ---------------------------------------------------------------

Namo(白色过滤嘴),你为什么不试试呢?最多加个onclick=

Published At
Categories with Web编程
Tagged with
comments powered by Disqus