一个很简单的办法实现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 相关文章推荐
Code: write(s,d) 输出连续字符串
Aug 19 Javascript
JavaScript的Cookies
Jan 16 Javascript
jquery鼠标停止移动事件
Dec 21 Javascript
jQuery简易图片放大特效示例代码
Jun 09 Javascript
深入理解JavaScript系列(33):设计模式之策略模式详解
Mar 03 Javascript
详细解读AngularJS中的表单验证编程
Jun 19 Javascript
jquery+json实现数据二级联动的方法
Nov 28 Javascript
vue-resourse将json数据输出实例
Mar 08 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
Jan 16 Javascript
JS实现音量控制拖动
Jan 15 Javascript
js判断密码强度的方法
Mar 18 Javascript
原生js 实现表单验证功能
Feb 08 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数据库开发知多少
2006/10/09 PHP
php页面消耗内存过大的处理办法
2013/03/18 PHP
PHP中使用CURL发送get/post请求上传图片批处理功能
2018/10/15 PHP
一个对于Array的简单扩展
2006/10/03 Javascript
jQuery AJAX 调用WebService实现代码
2010/03/24 Javascript
jquery 滚动条事件简单实例
2013/07/12 Javascript
js实现浏览器的各种菜单命令比如打印、查看源文件等等
2013/10/24 Javascript
window resize和scroll事件的基本优化思路
2014/04/29 Javascript
JS+CSS实现的拖动分页效果实例
2015/05/11 Javascript
JavaScript+html5 canvas制作的圆中圆效果实例
2016/01/27 Javascript
由浅入深剖析Angular表单验证
2016/07/14 Javascript
使用jquery如何获取时间
2016/10/13 Javascript
js判断一个字符串是以某个字符串开头的简单实例
2016/12/27 Javascript
jquery中each循环的简单回滚操作
2017/05/05 jQuery
了解重排与重绘
2019/05/29 Javascript
JS实现小星星特效
2019/12/24 Javascript
JavaScript中reduce()的5个基本用法示例
2020/07/19 Javascript
vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码
2020/09/16 Javascript
编写v-for循环的技巧汇总
2020/12/01 Javascript
[00:10]DOTA2 TI9勇士令状明日上线
2019/05/07 DOTA
Python获取当前时间的方法
2014/01/14 Python
python判断字符串是否包含子字符串的方法
2015/03/24 Python
python单元测试unittest实例详解
2015/05/11 Python
Python初学者需要注意的事项小结(python2与python3)
2018/09/26 Python
Django工程的分层结构详解
2019/07/18 Python
pytorch 图像中的数据预处理和批标准化实例
2020/01/15 Python
Python GUI编程学习笔记之tkinter控件的介绍及基本使用方法详解
2020/03/30 Python
python实现三种随机请求头方式
2021/01/05 Python
Python爬虫+Tkinter制作一个翻译软件的示例
2021/02/20 Python
Nike澳大利亚官网:Nike.com (AU)
2019/06/03 全球购物
西门豹教学反思
2014/02/04 职场文书
《陋室铭》教学反思
2014/02/26 职场文书
单位工程竣工验收方案
2014/03/16 职场文书
市场营销计划书范文
2015/01/16 职场文书
中学社团活动总结
2015/05/07 职场文书
【海涛dota解说】DCG联赛第一周 LGD VS DH
2022/04/01 DOTA