会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
封起De日子
鼠标点击表格行背景变色
代码如下:
<!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).onmouseover=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 全选 提示:你可先修改部分代码,再点运行代码]
posted on
2006-05-16 00:59
封起De日子
阅读(
333
) 评论(
0
)
编辑
收藏
举报
刷新页面
返回顶部
导航
博客园
首页
新随笔
联系
订阅
管理
公告