HTML即时选择单元格

<HTML> <HEAD> <title>HTML即时选择单元格.</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css">  </style> <SCRIPT language="JavaScript" type="text/javascript"> var cObj; var oObj; function over(id){ var obj = document.getElementById(id); obj.className = "cTD"; } function out(id){ var obj = document.getElementById(id); if(cObj == obj) obj.className = "sTD"; else obj.className = "oTD"; } function setBg(id){ if (cObj) cObj.className = "oTD"; var obj = document.getElementById(id); obj.className = "sTD"; cObj = obj; } </SCRIPT> </HEAD> <body> <table width="200" border="0" cellpadding="3" cellspacing="1" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF" id="b1" onClick="setBg('b1');" onmouseover="over('b1');" onMouseOut="out('b1');">第一项</td> </tr> <tr> <td bgcolor="#FFFFFF" id="b2" onClick="setBg('b2');" onmouseover="over('b2');" onMouseOut="out('b2');">第二项</td> </tr> <tr> <td bgcolor="#FFFFFF" id="b3" onClick="setBg('b3');" onmouseover="over('b3');" onMouseOut="out('b3');">第三项</td> </tr> <tr> <td bgcolor="#FFFFFF" id="b4" onClick="setBg('b4');" onmouseover="over('b4');" onMouseOut="out('b4');">第四项</td> </tr> <tr> <td bgcolor="#FFFFFF" id="b5" onClick="setBg('b5');" onmouseover="over('b5');" onMouseOut="out('b5');">第五项</td> </tr> </table> </body> </HTML>

posted on 2006-03-17 10:32 夏日里的向日葵阅读(309) 评论(0) 收藏举报

刷新页面返回顶部

人生无悔。为什么人到30才能不惑

导航

公告

HTML即时选择单元格