一个很简单的办法实现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 10件让人费解的事情
Feb 15 Javascript
jquerymobile checkbox及时刷新才能获取其准确值
Apr 14 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
Sep 03 Javascript
node.js中的http.createClient方法使用说明
Dec 15 Javascript
详解javascript高级定时器
Dec 31 Javascript
React Native实现简单的登录功能(推荐)
Sep 19 Javascript
Asp.Net之JS生成分页条的方法
Nov 23 Javascript
javascript回调函数的概念理解与用法分析
May 27 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
Aug 02 Javascript
小程序多图列表实现性能优化的方法步骤
May 28 Javascript
MockJs结合json-server模拟后台数据
Aug 26 Javascript
js原生map实现的方法总结
Jan 19 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 咖啡文化
Yii操作数据库的3种方法
2014/03/11 PHP
php操纵mysqli数据库的实现方法
2016/09/18 PHP
PHP/ThinkPHP实现批量打包下载文件的方法示例
2017/07/31 PHP
js 表格隔行颜色
2009/12/02 Javascript
jQuery asp.net 用json格式返回自定义对象
2010/04/07 Javascript
js关闭父窗口时关闭子窗口
2013/04/01 Javascript
jquery选择器之基本过滤选择器详解
2014/01/27 Javascript
完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
2014/12/17 Javascript
将JSON字符串转换成Map对象的方法
2016/11/30 Javascript
js实现tab选项卡切换功能
2017/01/13 Javascript
JavaScript中利用构造器函数模拟类的方法
2017/02/16 Javascript
jQuery实现简单的抽奖游戏
2017/05/05 jQuery
React Native使用百度Echarts显示图表的示例代码
2017/11/07 Javascript
微信小程序使用toast消息对话框提示用户忘记输入用户名或密码功能【附源码下载】
2017/12/09 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
2018/01/08 Javascript
详解vue.js移动端配置flexible.js及注意事项
2019/04/10 Javascript
详解基于Vue/React项目的移动端适配方案
2019/08/23 Javascript
nodejs中使用archive压缩文件的实现代码
2019/11/26 NodeJs
vue 封装 Adminlte3组件的实现
2020/03/18 Javascript
vue-cli单页面预渲染seo-prerender-spa-plugin操作
2020/08/10 Javascript
Python使用PyGreSQL操作PostgreSQL数据库教程
2014/07/30 Python
Python挑选文件夹里宽大于300图片的方法
2015/03/05 Python
python将类似json的数据存储到MySQL中的实例
2019/07/12 Python
Python 正则表达式爬虫使用案例解析
2019/09/23 Python
Pytorch实现LSTM和GRU示例
2020/01/14 Python
突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述
2013/01/31 HTML / CSS
ZINVO手表官网:男士和女士手表
2019/03/10 全球购物
有趣、实用和鼓舞人心的产品:Inspire Uplift
2019/11/05 全球购物
兼职业务员岗位职责
2014/01/01 职场文书
技校个人求职信范文
2014/01/25 职场文书
个人四风问题整改措施
2014/10/24 职场文书
综治工作汇报材料
2014/10/27 职场文书
2014年员工工作总结范文
2014/11/18 职场文书
优秀教师单行材料
2014/12/16 职场文书
2015年秋学期师德师风建设工作总结
2015/10/23 职场文书