一个很简单的办法实现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 相关文章推荐
在Javascript中定义对象类别
Dec 22 Javascript
ie 调试javascript的工具
Apr 29 Javascript
jQuery Validation插件remote验证方式的Bug解决
Jul 01 Javascript
Javascript连接多个数组不用concat来解决
Mar 24 Javascript
js根据鼠标移动速度背景图片自动旋转的方法
Feb 28 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
Apr 28 Javascript
js实现多图左右切换功能
Aug 04 Javascript
JavaScript实战(原生range和自定义特效)简单实例
Aug 21 Javascript
解决node.js安装包失败的几种方法
Sep 02 Javascript
JS实现六边形3D拖拽翻转效果的方法
Sep 11 Javascript
简单谈谈Vue 模板各类数据绑定
Sep 25 Javascript
bootstrap中selectpicker下拉框使用方法实例
Mar 22 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/04/09 PHP
php通过数组实现多条件查询实现方法(字符串分割)
2014/05/06 PHP
完美解决phpdoc导出文档中@package的warning及Error的错误
2016/05/17 PHP
老生常谈php 正则中的i,m,s,x,e分别表示什么
2017/03/02 PHP
jQuery 常见学习网站与参考书
2009/11/09 Javascript
用Javascript评估用户输入密码的强度(Knockout版)
2011/11/30 Javascript
jquery 单引号和双引号的区别及使用注意
2013/07/31 Javascript
javascript为下拉列表动态添加数据项
2014/05/23 Javascript
jQuery中append()方法用法实例
2015/01/08 Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
2015/03/31 Javascript
javascript+canvas实现刮刮卡抽奖效果
2015/07/29 Javascript
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
2015/10/10 Javascript
纯原生js实现table表格的增删
2017/01/05 Javascript
为输入框加入数字js校验代码分享
2017/11/02 Javascript
微信网页登录逻辑与实现方法
2019/04/29 Javascript
M2实现Nodejs项目自动部署的方法步骤
2019/05/05 NodeJs
vue日历/日程提醒/html5本地缓存功能
2019/09/02 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
2019/09/28 Javascript
vue子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
2020/02/01 Javascript
[01:21]DOTA2周边文化主题展 神秘商店火热开售
2017/07/30 DOTA
浅谈Python对内存的使用(深浅拷贝)
2018/01/17 Python
Python读写docx文件的方法
2018/05/08 Python
python+Splinter实现12306抢票功能
2018/09/25 Python
Python基于Tkinter编写crc校验工具
2020/05/06 Python
Django form表单与请求的生命周期步骤详解
2020/06/07 Python
中国电子产品外贸网站:MiniIntheBox
2017/02/06 全球购物
1688平价精选商城:阿里集团旗下,工厂出厂价格直销
2017/04/24 全球购物
瑞士图书网站:Weltbild.ch
2019/09/17 全球购物
Marc O’Polo俄罗斯官方在线商店:德国高端时尚品牌
2019/12/26 全球购物
大型活动策划方案
2014/01/12 职场文书
导游实习生自荐书
2014/01/28 职场文书
同学聚会邀请函
2015/01/30 职场文书
2015年大学生实习评语
2015/03/25 职场文书
2015年中秋放假通知范文
2015/08/18 职场文书
nginx搭建图片服务器的过程详解(root和alias的区别)
2021/03/31 Servers
方法汇总:Python 安装第三方库常用
2022/04/26 Python