zoukankan
html css js c++ java
鼠标点击表格行背景变色
代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD><TITLE>鼠标点击表格行背景变色</TITLE> <style> td{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 全选 提示:你可先修改部分代码,再点运行代码]
青苹果Web应用商店
https://webapp.taobao.com/
PHP/ASP.NET/ASP/UCHOME/DISCUZ! X系列网站开发,详细需求联系
QQ:8511978
查看全文
相关阅读:
分享到新浪微博js
好的读书网站发现、翻译 阅读中文之外的互联网精华
ps字体下载素材网址
如何使用HTML5,CSS3和PHP创建一个联系表格
css3 精品网站
IE6解决无法实现position:fixed浮动层固定在滚动页面(无抖动)
nginx笔记
给力shell命令
常用v_视图
关于获取运营商的IP地址
原文地址:https://www.cnblogs.com/Dicky/p/401001.html
最新文章
windows系统SVN和apache的下载和安装
在PB中调用IE
忘记oracle的sys用户密码怎么修改
存储关系
【原】powerbuilder 12.5 通过odbc连接oracle 11 r2
【原】SubVersion的使用
Remote PC另类用法:远程控制
sqlplus 返回2 由于命令后没有加分号
什么是Subversion?
设置Eclipse的workspace路径
热门文章
Microsoft Team Foundation Server 2010 安装 序列号 注册码
(转)用Oracle SQL Developer报错:Unable to find a Java Virtual Machine
pb11 PB12 查询数据时死锁问题解决办法<转>
PowerBuilder之5年经验谈(一之1)--PB对Unicode的支持
Web Interface 5.4部署Citrix Receiver客户端
Subclipse 的javaHL的问题
如何开启默认共享?
分析及解决SQLServer死锁问题
为图片添加阴影效果css3(boxshadow)
一天学会php
Copyright © 2011-2022 走看看