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
查看全文
相关阅读:
P1886 滑动窗口 单调队列
用三维的视角理解二维世界:完美解释meshgrid函数,三维曲面,等高线,看完你就懂了。...
用三维的视角理解二维世界:完美解释meshgrid函数,三维曲面,等高线,看完你就懂了。...
SaltStack入门
编写装饰器,为多个函数加上认证的功能(用户的账号密码来源于文件),要求登录成功一次,后续的函数都无需再输入用户名和密码
time模块中time.time与time.sleep
【函数篇】装饰器
【函数篇】函数的进阶,名称空间、作用域、函数的嵌套、作用域链
闭包!!!
默认参数的陷阱
原文地址:https://www.cnblogs.com/Dicky/p/401001.html
最新文章
题目1010:A + B(字符串拆分)
四大算法解决最短路径问题(Dijkstra+Bellman-ford+SPFA+Floyd)
题目1008:最短路径问题(SPFA算法)
sort函数详解(史上最完整QAQ)
437. 书籍复印
513. 完美平方
602. 俄罗斯套娃信封
393. 买卖股票的最佳时机 IV
151. 买卖股票的最佳时机 III
534. 打劫房屋 II
热门文章
516. 房屋染色 II
方法集锦4_列表_python
515. 房屋染色(序列型动态规划)
115. 不同的路径 II
Python3的日期和时间
判断一个变量是不是数组
判断一个变量是不是数组
flutter在2019年会有怎样的表现?
flutter在2019年会有怎样的表现?
P1886 滑动窗口 单调队列
Copyright © 2011-2022 走看看