一个很简单的办法实现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对象学习小结
Sep 02 Javascript
JavaScript隐式类型转换
Mar 15 Javascript
jQuery实现图片加载完成后改变图片大小的方法
Mar 29 Javascript
jquery.serialize() 函数语法及简单实例
Jul 08 Javascript
Angular 2应用的8个主要构造块有哪些
Oct 17 Javascript
基于Vuejs框架实现翻页组件
Jun 29 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
Apr 20 Javascript
ionic实现底部分享功能
May 11 Javascript
jQuery初级教程之网站品牌列表效果
Aug 02 jQuery
基于JavaScript中标识符的命名规则介绍
Jan 06 Javascript
javascript设计模式 ? 命令模式原理与用法实例分析
Apr 20 Javascript
vue中使用router全局守卫实现页面拦截的示例
Oct 23 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
咖啡机如何保养和日常清洁?
2021/03/03 冲泡冲煮
php 如何获取数组第一个值
2013/08/06 PHP
Codeigniter实现多文件上传并创建多个缩略图
2014/06/12 PHP
使用JQuery进行跨域请求
2010/01/25 Javascript
网页右下角弹出窗体实现代码
2014/06/05 Javascript
angularjs自定义ng-model标签的属性
2016/01/21 Javascript
bootstrap导航、选项卡实现代码
2016/12/28 Javascript
vue实现动态数据绑定
2017/04/28 Javascript
vue实现百度搜索下拉提示功能实例
2017/06/14 Javascript
浅谈Koa服务限流方法实践
2017/10/23 Javascript
详解如何用webpack4从零开始构建react开发环境
2019/01/27 Javascript
理理Vue细节(推荐)
2019/04/16 Javascript
vue实现的封装全局filter并统一管理操作示例
2020/02/02 Javascript
javascript 模块依赖管理的本质深入详解
2020/04/30 Javascript
[36:41]完美世界DOTA2联赛循环赛FTD vs Magma第一场 10月30日
2020/10/31 DOTA
Python中selenium实现文件上传所有方法整理总结
2017/04/01 Python
python使用pyqt写带界面工具的示例代码
2017/10/23 Python
解决python使用open打开文件中文乱码的问题
2017/12/29 Python
tensorflow获取变量维度信息
2018/03/10 Python
Python之批量创建文件的实例讲解
2018/05/10 Python
python随机生成大小写字母数字混合密码(仅20行代码)
2020/02/01 Python
如何在python开发工具PyCharm中搭建QtPy环境(教程详解)
2020/02/04 Python
Django实现从数据库中获取到的数据转换为dict
2020/03/27 Python
python re模块常见用法例举
2021/03/01 Python
canvas之万花筒效果的简单实现(推荐)
2016/08/16 HTML / CSS
土木工程应届生求职信
2013/10/31 职场文书
大学校园生活自我鉴定
2014/01/13 职场文书
新护士岗前培训制度
2014/02/02 职场文书
教堂婚礼主持词
2014/03/14 职场文书
奥巴马竞选演讲稿
2014/05/15 职场文书
宾馆仓管员岗位职责
2014/07/27 职场文书
2014村书记党建工作汇报材料
2014/11/02 职场文书
灵山大佛导游词
2015/02/04 职场文书
普希金的诗歌赏析(3首)
2019/08/20 职场文书
MySQL数据库优化之通过索引解决SQL性能问题
2022/04/10 MySQL
python标准库ElementTree处理xml
2022/05/20 Python