一个很简单的办法实现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 插件之仿“卓越亚马逊”首页弹出菜单效果
Dec 25 Javascript
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
Mar 12 Javascript
页面图片浮动左右滑动效果的简单实现案例
Feb 10 Javascript
jqeury-easyui-layout问题解决方法
Mar 24 Javascript
jQuery实现切换字体大小的方法
Mar 10 Javascript
js实现统计字符串中特定字符出现个数的方法
Aug 02 Javascript
js,jq,css多方面实现简易下拉菜单功能
May 13 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
Jun 22 Javascript
简单了解Vue + ElementUI后台管理模板
Apr 07 Javascript
Element DateTimePicker日期时间选择器的使用示例
Jul 27 Javascript
如何在vue中使用kindeditor富文本编辑器
Dec 19 Vue.js
Vue组件化(ref,props, mixin,.插件)详解
May 15 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
Windows下IIS6/Apache2.2.4+MySQL5.2+PHP5.2.1安装配置方法
2007/05/03 PHP
php fckeditor 调用的函数
2009/06/21 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
Laravel构建即时应用的一种实现方法详解
2017/08/31 PHP
php 实现银联商务H5支付的示例代码
2019/10/12 PHP
javascript编程起步(第二课)
2007/02/27 Javascript
js wmp操作代码小结(音乐连播功能)
2008/11/08 Javascript
理解Javascript_02_理解undefined和null
2010/10/11 Javascript
用javascript为页面添加天气显示实现思路及代码
2013/12/02 Javascript
JS 删除字符串最后一个字符的实现代码
2014/02/20 Javascript
用nodejs实现PHP的print_r函数代码
2014/03/14 NodeJs
JQuery对表格进行操作的常用技巧总结
2014/04/23 Javascript
angularJS 中$attrs方法使用指南
2015/02/09 Javascript
javascript通过获取html标签属性class实现多选项卡的方法
2015/07/27 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
2015/10/16 Javascript
详解javascript实现瀑布流绝对式布局
2016/01/29 Javascript
读Javascript高性能编程重点笔记
2016/12/21 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
2017/03/21 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
2018/09/20 Javascript
JavaScript中的this妙用实例分析
2020/05/09 Javascript
[05:09]2016国际邀请赛中国区预选赛淘汰赛首日精彩回顾
2016/06/29 DOTA
跟老齐学Python之不要红头文件(1)
2014/09/28 Python
Python 通过URL打开图片实例详解
2017/06/01 Python
Django框架实现的分页demo示例
2019/05/25 Python
python操作openpyxl导出Excel 设置单元格格式及合并处理代码实例
2019/08/27 Python
jupyter使用自动补全和切换默认浏览器的方法
2020/11/18 Python
python 实现客户端与服务端的通信
2020/12/23 Python
python3列表删除大量重复元素remove()方法的问题详解
2021/01/04 Python
简述Html5 IphoneX 适配方法
2018/02/08 HTML / CSS
乡镇信息公开实施方案
2014/03/23 职场文书
学风建设演讲稿
2014/09/12 职场文书
汽车机电维修工求职信
2014/09/30 职场文书
2016年感恩教师节校园广播稿
2015/12/18 职场文书
Nginx + consul + upsync 完成动态负载均衡的方法详解
2021/03/31 Servers
css3带你实现3D转换效果
2022/02/24 HTML / CSS
TV动画《间谍过家家》公开PV
2022/03/20 日漫