[存档]一个js效果。 | ICOjump - 交互设计是衔接用户与产品的工具

[存档]一个js效果。

2008年05月05日标签: asp , blueidea , javascript , js , php

今天在经典论坛，前台脚本区转悠，看到了了一个帖子，于是就写了一小段，自己也保存一下，就发上来了。
地址在这 http://bbs.blueidea.com/viewthread.php?tid=2852336&pid=3985051&page=1&extra=page%3D1
问题描述：想实现的效果是鼠标放到0000上时 0000变成蓝色鼠标移走时蓝色不变当鼠标移动到 1111上时 1111变成蓝色其他的都变成#888214也就是原来那种颜色

代码：

<script language="javascript"> function change0000(a){ document.getElementById(a).style.backgroundColor="blue"; } function change1111(b){ x=document.getElementById(b).parentNode.parentNode.getElementsByTagName("td"); for( i=0;i<x.length;i++){ x[i].style.backgroundColor="#888214"; } document.getElementById(b).style.backgroundColor="blue"; } function move1111(b){ document.getElementById(b).style.backgroundColor="#888214"; } </script> <body> <table> <tr> <td bgcolor="#888214" ID="td1" onmouseover="change0000(this.id);" >0000</td> </tr> <tr> <td bgcolor="#888214" ID="td2" onmouseover="change1111(this.id)" onmouseout="move1111(this.id)">1111</td> </tr> <tr> <td bgcolor="#888214" ID="td3">2222</td> </tr> <tr> <td bgcolor="#888214" ID="td4">3333</td> </tr> <tr> <td bgcolor="#888214" ID="td5">4444</td> </tr> <tr> <td bgcolor="#888214" ID="td6">5555</td> </tr> </table> </body>

提示：你可以先修改部分代码再运行。

参考《DOM 精简知识教程》

如需转载请注明文章来源，本文链接: http://icojump.in/?p=93

发表您宝贵的评论