一个很简单的办法实现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 相关文章推荐
JS创建优美的页面滑动块效果 - Glider.js
Sep 27 Javascript
Prototype 工具函数 学习
Jul 23 Javascript
Jquery中dialog属性小记
Sep 03 Javascript
js替换字符串的所有示例代码
Jul 23 Javascript
七个很有意思的PHP函数
May 12 Javascript
JavaScript变量声明var,let.const及区别浅析
Apr 23 Javascript
BootStrap table实现表格行拖拽效果
Dec 01 Javascript
Node.js Buffer模块功能及常用方法实例分析
Jan 05 Javascript
小程序数据通信方法大全(推荐)
Apr 15 Javascript
jQuery实现高级检索功能
May 28 jQuery
JavaScript闭包原理与用法学习笔记
May 29 Javascript
vue中echarts的用法及与elementui-select的协同绑定操作
Nov 17 Vue.js
网页的标准,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中获取关键词及所属来源搜索引擎名称的代码
2011/02/15 PHP
PHP中MVC模式的模板引擎开发经验分享
2011/03/23 PHP
部署PHP项目应该注意的几点事项分享
2013/12/20 PHP
PHP中的替代语法介绍
2015/01/09 PHP
详解PHP的Yii框架中的Controller控制器
2016/03/29 PHP
PHP中快速生成随机密码的几种方式
2017/04/17 PHP
PHP PDOStatement::errorCode讲解
2019/01/31 PHP
PHP fprintf()函数用法讲解
2019/02/16 PHP
PHP设计模式(五)适配器模式Adapter实例详解【结构型】
2020/05/02 PHP
使用JavaScript修改浏览器URL地址栏的实现代码
2013/10/21 Javascript
javascript与jquery中跳出循环的区别总结
2013/11/04 Javascript
用jquery修复在iframe下的页面锚点失效问题
2014/08/22 Javascript
jQuery实现鼠标经过事件的延时处理效果
2020/08/20 Javascript
Bootstrap CSS使用方法
2016/12/23 Javascript
js实现用户输入的小写字母自动转大写字母的方法
2017/01/21 Javascript
jQuery倒计时代码(超简单)
2017/02/27 Javascript
Vue2.0实现购物车功能
2017/06/05 Javascript
使用npm安装最新版本nodejs
2018/01/18 NodeJs
基于vue.js实现分页查询功能
2018/12/29 Javascript
一次让你了解全部JavaScript的作用域
2019/06/24 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
2019/09/02 Javascript
python如何通过twisted实现数据库异步插入
2018/03/20 Python
Python自动抢红包教程详解
2019/06/11 Python
PIL对上传到Django的图片进行处理并保存的实例
2019/08/07 Python
Python 类方法和实例方法(@classmethod),静态方法(@staticmethod)原理与用法分析
2019/09/20 Python
Python线程障碍对象Barrier原理详解
2019/12/02 Python
pyqt5中动画的使用详解
2020/04/01 Python
Traffic People官网:女式花裙、上衣和连身裤
2020/10/12 全球购物
南京软件公司的.net程序员笔试题
2014/08/31 面试题
程序员机试试题汇总
2012/03/07 面试题
应届大学生求职信
2014/07/20 职场文书
环境卫生倡议书
2014/08/29 职场文书
机关驾驶员违规检讨书
2014/09/13 职场文书
2014学校领导四风问题对照检查材料思想汇报
2014/09/22 职场文书
会计师事务所实习证明
2014/11/16 职场文书
Vue的生命周期一起来看看
2022/02/24 Vue.js