一个很简单的办法实现TD的加亮效果.
实现 简单 一个 效果 办法 TD 加亮
2023-06-13 09:13:41 时间
<script>
function Menu_Init(obj){
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";
}
</script>
<style>
.MenuOptions{
padding:2px;
cursor:hand;
color:#000000;
}
.MenuOptions_hilite{
padding:1px;
border:outset 1px #669999;
cursor:hand;
color:#000000;
}
</style>
<table id=MenuTools border="0" cellspacing="2" style="border:1px solid #000000;color:#000000;font-size:12px">
<tr>
<td class="MenuOptions" >大家好呀
<td class="MenuOptions" >很容易实现的效果
<td class="MenuOptions" >喜欢的就拿去用吧
<td >这个不允许加亮
</tr>
</table>
<script>Menu_Init(MenuTools)</script>
function Menu_Init(obj){
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";
}
</script>
<style>
.MenuOptions{
padding:2px;
cursor:hand;
color:#000000;
}
.MenuOptions_hilite{
padding:1px;
border:outset 1px #669999;
cursor:hand;
color:#000000;
}
</style>
<table id=MenuTools border="0" cellspacing="2" style="border:1px solid #000000;color:#000000;font-size:12px">
<tr>
<td class="MenuOptions" >大家好呀
<td class="MenuOptions" >很容易实现的效果
<td class="MenuOptions" >喜欢的就拿去用吧
<td >这个不允许加亮
</tr>
</table>
<script>Menu_Init(MenuTools)</script>
相关文章
- 个人开发者app消息推送简单实现思路
- 一个简单的Parallel.ForEach实现
- 关于 WebSocket 和 HTTP 区别的思考以及一个最简单的 WebSocket 的客户端和服务器实现
- client-go 源码分析(10) - 使用client-go实现一个简单controller的例子
- 用Python实现一个简单的算术游戏详解编程语言
- Java一个简单的线程池实现详解编程语言
- 一个Java实现的简单的多个客户端聊天程序详解编程语言
- 采用JSCH实现对linux远程操作,执行简单的命令详解编程语言
- 网络安全MySQL实现公司网络安全的重要性(mysql公司的)
- 设置实现快速简单的Linux 7 IP设置(linux7ip)
- 自增MySQL实现自增的简单方法(mysql实现)
- MySQL存储过程中使用变量的简单实现(mysql存储过程变量)
- Java Redis实现自增的简单应用(javaredis自增)
- MySQL实现时间相加简单又实用(mysql中俩个时间相加)
- MySQL实现两数相除简单易学的方法(mysql 两数相除)
- 使用MySQL实现简单而高效的不联表分页(mysql不联表分页)
- 利用Redis简单高效实现缓存推荐排序(redis 缓存推荐排序)
- 一个简单但常用的javascript表格样式_鼠标划过行变色简洁实现
- 基于一个简单定长内存池的实现方法详解
- 线程池的原理与实现详解
- JS实现的一个简单的Autocomplete自动完成例子
- 一个简单的PHP验证码实现代码
- GO语言实现简单的目录复制功能
- 使用wxpython实现的一个简单图片浏览器实例
- jquery实现一个简单好用的弹出框