一个很简单的办法实现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 学习笔记 选择器之四
Jul 23 Javascript
CSS(js)限制页面显示的文本字符长度
Dec 27 Javascript
JavaScript实现GriwView单列全选(自写代码)
May 13 Javascript
JavaScript实现在页面间传值的方法
Apr 07 Javascript
jQuery超赞的评分插件(8款)
Aug 20 Javascript
javascript创建对象、对象继承的实用方式详解
Mar 08 Javascript
jquery实现转盘抽奖功能
Jan 06 Javascript
ES6新特性之Symbol类型用法分析
Mar 31 Javascript
Bootstrap Table使用整理(四)之工具栏
Jun 09 Javascript
Vue学习笔记进阶篇之单元素过度
Jul 19 Javascript
微信小程序 本地图片按照屏幕尺寸处理
Aug 04 Javascript
微信小程序中wxs文件的一些妙用分享
Feb 18 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
dedecms模板标签代码官方参考
2007/03/17 PHP
PHP网站基础优化方法小结
2008/09/29 PHP
PHP iconv 函数转gb2312的bug解决方法
2009/10/11 PHP
PHP中使用hidef扩展代替define提高性能
2015/04/09 PHP
Symfony2 session用法实例分析
2016/02/04 PHP
PHP操作redis实现的分页列表,新增,删除功能封装类与用法示例
2018/08/04 PHP
childNodes.length与children.length的区别
2009/05/14 Javascript
ExtJS 2.0 GridPanel基本表格简明教程
2010/05/25 Javascript
Jquery写一个鼠标拖动效果实现原理与代码
2012/12/24 Javascript
extJS中常用的4种Ajax异步提交方式
2014/03/07 Javascript
14款经典网页图片和文字特效的jQuery插件-前端开发必备
2015/08/25 Javascript
深入理解JQuery循环绑定事件
2016/06/02 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
2016/10/15 Javascript
Vue.JS入门教程之处理表单
2016/12/01 Javascript
bootstrap模态框垂直居中效果
2016/12/03 Javascript
基于jQuery实现火焰灯效果导航菜单
2017/01/04 Javascript
JS简单实现获取元素的封装操作示例
2017/04/07 Javascript
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
python之wxPython菜单使用详解
2014/09/28 Python
python在windows命令行下输出彩色文字的方法
2015/03/19 Python
python返回昨天日期的方法
2015/05/13 Python
python下解压缩zip文件并删除文件的实例
2018/04/24 Python
Python 网络爬虫--关于简单的模拟登录实例讲解
2018/06/01 Python
Python Django实现layui风格+django分页功能的例子
2019/08/29 Python
python飞机大战pygame游戏之敌机出场实现方法详解
2019/12/17 Python
在tensorflow中实现去除不足一个batch的数据
2020/01/20 Python
css3 伪类选择器快速复习小结
2019/09/10 HTML / CSS
纯HTML5+CSS3制作生日蛋糕代码
2016/11/16 HTML / CSS
美国领先的水果篮送货公司和新鲜水果供应商:The Fruit Company
2018/02/13 全球购物
简历中的自我评价怎么写
2014/01/29 职场文书
幼儿园小班教学反思
2014/02/02 职场文书
常务副县长“三严三实”对照检查材料思想汇报
2014/10/05 职场文书
思想政治表现评语
2015/01/04 职场文书
布达拉宫的导游词
2015/02/02 职场文书
OpenStack虚拟机快照和增量备份实现方法
2022/04/04 Servers
python数字图像处理:图像简单滤波
2022/06/28 Python