一个很简单的办法实现TD的加亮效果.
实现 简单 一个 效果 办法 TD 加亮
2023-06-13 09:13:42 时间
var tds = obj.getElementsByTagName("td");
for (var i = 0; i < tds.length; i++)
{
if (tds[i].className == "MenuOptions")
{
tds[i].onmouseover = switch_bg;
tds[i].onmouseout = switch_bg;
}
}
}
function switch_bg(e){
if (this.className=="MenuOptions_click") return
this.className = (this.className == "MenuOptions") ? "MenuOptions_hilite" : "MenuOptions";
}
Menu_Init(obj)用于初始化 Table.
所需要的CSS
padding:2px;
cursor:hand;
color:#000000;
}
.MenuOptions_hilite{
padding:1px;
border:outset 1px #669999;
cursor:hand;
color:#000000;
}
table示范
<tr>
<td class="MenuOptions" >大家好呀
<td class="MenuOptions" >很容易实现的效果
<td class="MenuOptions" >喜欢的就拿去用吧
<td >这个不允许加亮
</tr>
</table>
演示
相关文章
- 实现一个简单版 Vue2 双向数据绑定
- java实现编译器_实现一个简单的编译器
- JSP+JavaBean+DAO模式+MySQL实现一个简单的注册登录(新闻登录系统)
- 向量数据库入坑指南:使用 Faiss 实现一个最简单的向量检索功能 (二)
- vue如何生成二维码_vue实现扫描二维码
- 使用.NET简单实现一个Redis的高性能克隆版(六)
- 使用.NET简单实现一个Redis的高性能克隆版(七-完结)
- 实现一个简单的Database1(译文)
- Java一个简单的线程池实现详解编程语言
- Java实现一个简单的内存缓存类详解编程语言
- MySQL实现字段自动计算的简单方法(mysql字段自动计算)
- xmlLinux C 语言解析 XML 数据的实现方式(linuxc解析)
- Linux下实现定时执行命令的简单方法(linux定时执行命令)
- 一个简单的shell脚本—–实现虚拟机实验环境的简单配置
- 函数使用Oracle内置Agg函数实现简单数据分析(oracle内置agg)
- 实现一个项目的简单高可用如何连接两个Redis(一个项目连两个redis)
- 简单几步,轻松实现Redis内网访问(redis 配置内网访问)
- 一个简单的php实现的MySQL数据浏览器
- PHP中文分词的简单实现代码分享
- JS实现的一个简单的Autocomplete自动完成例子
- php实现zip压缩文件解压缩代码分享(简单易懂)
- 用jquery实现的一个超级简单的下拉菜单
- Python实现同时兼容老版和新版Socket协议的一个简单WebSocket服务器