有两个单元格(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=