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设置Cookie过期时间
linq to xml
ToDictionary的用法
为程序使用内存缓存(MemoryCache)
NuGet的几个小技巧
IIS 的几个小技巧
在Visual Studio中使用NuGet管理项目库
在ASP.NET MVC中,使用Bundle来打包压缩js和css
在C#中使用WMI查询进程的用户信息
WMI测试器
原文地址:https://www.cnblogs.com/Dicky/p/401001.html
最新文章
无法登录到Windows云服务器怎么办?
幸运大转盘-jQuery+PHP实现的抽奖程序
使用HTML5实现刮刮卡效果
让手机站点像原生应用的四大途径
跨浏览器兼容的HTML5视频音频播放器
Sass介绍及入门教程
iSlider手机平台JS滑动组件
css3前端工具
移动端页面制作3
移动端页面制作2
热门文章
移动端页面制作
JS输出内容为[object Object]与toString
Sublime text JsFormat插件的安装
Sublime Text 无法使用Package Control或插件安装失败的解决方法
Emmet-前端开发神器
sublime text 3中文版配置--插件ChineseLocalizations
vs code相关用法
2.19
cookie浏览器编写测试无效???
express框架中cookie的使用
Copyright © 2011-2022 走看看