代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD><TITLE>鼠标点击表格行背景变色</TITLE> <style> td{width:30px;height:30px;background-color:pink;} </style> </HEAD> <BODY> <table border=1 bordercolor="black" id="tb"> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> </table> <SCRIPT LANGUAGE="JavaScript"> <!-- var TD = tb.all.tags("TD"); var ObjTemp=null; var eventColor={mouseover:"blue",mouseout:"pink",click:"red"}; for (var i=0;i<TD.length;i++){ TD(i).οnmοuseοver=TdEvent; TD(i).onmouseout =TdEvent; TD(i).onclick =TdEvent; } function TdEvent(){ var obj = event.srcElement; if (ObjTemp==obj) return; obj.style.backgroundColor=eval("eventColor."+event.type); if (event.type=="click") { if (ObjTemp!=null)ObjTemp.style.backgroundColor=""; ObjTemp=obj; }} //--> </SCRIPT> </BODY> </HTML>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD><TITLE>鼠标点击表格行背景变色</TITLE> <style> td{width:30px;height:30px;background-color:pink;} </style> </HEAD> <BODY> <table border=1 bordercolor="black" id="tb"> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td></tr> </table> <SCRIPT LANGUAGE="JavaScript"> <!-- var TD = tb.all.tags("TD"); var ObjTemp=null; var eventColor={mouseover:"blue",mouseout:"pink",click:"red"}; for (var i=0;i<TD.length;i++){ TD(i).οnmοuseοver=TdEvent; TD(i).onmouseout =TdEvent; TD(i).onclick =TdEvent; } function TdEvent(){ var obj = event.srcElement; if (ObjTemp==obj) return; obj.style.backgroundColor=eval("eventColor."+event.type); if (event.type=="click") { if (ObjTemp!=null)ObjTemp.style.backgroundColor=""; ObjTemp=obj; }} //--> </SCRIPT> </BODY> </HTML>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
扫一扫
173
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
