一个很简单的办法实现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根据用户电脑是mac还是pc加载对应样式的方法
Jun 26 Javascript
jquery判断复选框选中状态以及区分attr和prop
Dec 18 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
Dec 25 Javascript
WebApi+Bootstrap+KnockoutJs打造单页面程序
May 16 Javascript
深入理解JavaScript 函数
Jun 06 Javascript
bootstrap常用组件之头部导航实现代码
Apr 20 Javascript
vue中用H5实现文件上传的方法实例代码
May 27 Javascript
利用node.js制作命令行工具方法教程(一)
Jun 22 Javascript
实例解析ES6 Proxy使用场景介绍
Jan 08 Javascript
Js面试算法详解
Apr 08 Javascript
JS点击动态添加标签、删除指定标签的代码
Apr 18 Javascript
vue根据条件不同显示不同按钮的操作
Aug 04 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
PHP的开发框架的现状和展望
2007/03/16 PHP
浅析echo(),print(),print_r(),return之间的区别
2013/11/27 PHP
PHP empty函数报错解决办法
2014/03/06 PHP
PHP读取CURL模拟登录时生成Cookie文件的方法
2014/11/04 PHP
php用户注册信息验证正则表达式
2015/11/12 PHP
ThinkPHP3.2.2实现持久登录(记住我)功能的方法
2016/05/16 PHP
javascript GUID生成器实现代码
2009/10/31 Javascript
ExtJs使用IFrame的实现代码
2010/03/24 Javascript
js、css、img等浏览器缓存问题的2种解决方案
2013/10/23 Javascript
js获取日期:昨天今天和明天、后天
2014/06/11 Javascript
jquery动态切换背景图片的简单实现方法
2016/05/14 Javascript
Knockoutjs 学习系列(一)ko初体验
2016/06/07 Javascript
谈谈JavaScript中的几种借用方法
2016/08/09 Javascript
Angular中$state.go页面跳转并传递参数的方法
2017/05/09 Javascript
Angular中$broadcast和$emit的使用方法详解
2017/05/22 Javascript
XMLHttpRequest对象_Ajax异步请求重点(推荐)
2017/09/28 Javascript
JS打印彩色菱形的实例代码
2018/08/15 Javascript
Echarts实现单条折线可拖拽效果
2019/12/19 Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
2020/07/21 Javascript
详解vue中v-on事件监听指令的基本用法
2020/07/22 Javascript
vue缓存之keep-alive的理解和应用详解
2020/11/02 Javascript
javascript实现固定侧边栏
2021/02/09 Javascript
Python中实现两个字典(dict)合并的方法
2014/09/23 Python
跟老齐学Python之传说中的函数编写条规
2014/10/11 Python
Python中__init__.py文件的作用详解
2016/09/18 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
关于css兼容性问题及一些常见问题汇总
2016/05/03 HTML / CSS
简历中自我评价范文3则
2013/12/14 职场文书
技术总监个人的自我评价范文
2013/12/18 职场文书
冰淇淋店创业计划书范文
2013/12/27 职场文书
售后服务承诺书怎么写
2014/05/21 职场文书
美术学专业求职信
2014/07/23 职场文书
医院领导班子四风问题对照检查材料
2014/10/26 职场文书
教师节简报
2015/07/20 职场文书
商务宴会祝酒词
2015/08/11 职场文书
Java生成读取条形码和二维码的简单示例
2021/07/09 Java/Android