一个很简单的办法实现TD的加亮效果.


Posted in Javascript onJune 29, 2006

<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>

Javascript 相关文章推荐
Jquery增加鼠标中间功能mousewheel的实例代码
Sep 05 Javascript
二叉树先序遍历的非递归算法具体实现
Jan 09 Javascript
javascript检查浏览器是否支持flash的实现代码
Aug 14 Javascript
15款jQuery分布引导插件分享
Feb 04 Javascript
JavaScript判断微信浏览器实例代码
Jun 13 Javascript
详解基于angular路由的requireJs按需加载js
Jan 20 Javascript
React简单介绍
May 24 Javascript
vue-router 组件复用问题详解
Jan 22 Javascript
vue监听input标签的value值方法
Aug 27 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
Sep 04 Javascript
element的el-table中记录滚动条位置的示例代码
Nov 06 Javascript
javascript设计模式 ? 迭代器模式原理与用法实例分析
Apr 17 Javascript
网页的标准,IMG不支持onload标签怎么办
Jun 29 #Javascript
父窗口获取弹出子窗口文本框的值
Jun 27 #Javascript
非常好的js代码
Jun 27 #Javascript
图片按比例缩放函数
Jun 26 #Javascript
tagName的使用,留一笔
Jun 26 #Javascript
JS控制表格隔行变色
Jun 26 #Javascript
判断是否输入完毕再激活提交按钮
Jun 26 #Javascript
You might like
分析 JavaScript 中令人困惑的变量赋值
2007/08/13 Javascript
jQuery之网页换肤实现代码
2011/04/30 Javascript
jQuery ajax(复习)—Baidu ajax request分离版
2013/01/24 Javascript
原生js做的手风琴效果的导航菜单
2013/11/08 Javascript
javaScript 页面自动加载事件详解
2014/02/10 Javascript
node.js超时timeout详解
2014/11/26 Javascript
jquery实现在光标位置插入内容的方法
2015/02/05 Javascript
tuzhu_req.js 实现仿百度图片首页效果
2015/08/11 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
2016/03/22 Javascript
微信小程序教程之本地图片上传(leancloud)实例详解
2016/11/16 Javascript
bootstrap下拉菜单使用方法解析
2017/01/13 Javascript
webpack2.0搭建前端项目的教程详解
2017/04/05 Javascript
JavaScript模块化之使用requireJS按需加载
2017/04/12 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
2017/09/18 Javascript
node前端开发模板引擎Jade的入门
2018/05/11 Javascript
js实现左右两侧浮动广告
2018/07/09 Javascript
vue2.0父子组件间传递数据的方法
2018/08/16 Javascript
vue-cli 打包后提交到线上出现 &quot;Uncaught SyntaxError:Unexpected token&quot; 报错
2018/11/06 Javascript
详解Vue2 添加对scss的支持
2019/01/02 Javascript
详解javascript replace高级用法
2019/02/17 Javascript
微信小程序全局变量改变监听的实现方法
2019/07/15 Javascript
JavaScript常用工具函数汇总(浏览器环境)
2020/09/17 Javascript
浅谈python中的数字类型与处理工具
2017/08/02 Python
python3.5基于TCP实现文件传输
2020/03/20 Python
python内存监控工具memory_profiler和guppy的用法详解
2019/07/29 Python
pytorch实现对输入超过三通道的数据进行训练
2020/01/15 Python
基于Python快速处理PDF表格数据
2020/06/03 Python
如果让你测试一台高速激光打印机,你都会进行哪些测试
2012/12/04 面试题
UNIX命令速查表
2012/03/10 面试题
2014植树节活动总结
2014/03/11 职场文书
初中班级口号
2014/06/09 职场文书
2015年体育部工作总结
2015/04/02 职场文书
小学中队活动总结
2015/05/11 职场文书
linux下导入、导出mysql数据库命令的实现方法
2021/05/26 MySQL
图文详解matlab原始处理图像几何变换
2021/07/09 Python
Python中npy和mat文件的保存与读取
2022/04/24 Python