一个很简单的办法实现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 相关文章推荐
用dom+xhtml+css制作的一个相册效果代码打包下载
Jan 24 Javascript
jquery 表格分页等操作实现代码(pagedown,pageup)
Apr 11 Javascript
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
Nov 14 Javascript
js过滤特殊字符输入适合输入、粘贴、拖拽多种情况
Mar 22 Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
Jun 03 Javascript
javascript实现当前页导航激活的方法
Feb 27 Javascript
jQuery与getJson结合的用法实例
Aug 07 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
Jan 25 Javascript
AngularJS 2.0新特性有哪些
Feb 18 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
May 02 Javascript
Vue.js 实现微信公众号菜单编辑器功能(二)
May 08 Javascript
webpack中如何加载静态文件的方法步骤
May 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
PHP基础学习之流程控制的实现分析
2013/04/28 PHP
ThinkPHP使用UTFWry地址库进行IP定位实例
2014/04/01 PHP
ThinkPHP开发框架函数详解:C方法
2015/08/14 PHP
PHP在innodb引擎下快速代建全文搜索功能简明教程【基于xunsearch】
2016/10/14 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
PHP token验证生成原理实例分析
2019/06/05 PHP
php实现图片压缩处理
2020/09/09 PHP
jquery 最简单易用的表单验证插件
2010/02/27 Javascript
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
2010/06/19 Javascript
Jquery ajax传递复杂参数给WebService的实现代码
2011/08/08 Javascript
jQuery中document与window以及load与ready 区别详解
2014/12/29 Javascript
JavaScript中的数组操作介绍
2014/12/30 Javascript
第一次接触神奇的Bootstrap基础排版
2016/07/26 Javascript
Bootstrap CSS布局之列表
2016/12/15 Javascript
JQueryEasyUI框架下的combobox的取值和绑定的方法
2017/01/22 Javascript
使用json-server简单完成CRUD模拟后台数据的方法
2018/07/12 Javascript
详解swiper在vue中的应用(以3.0为例)
2018/09/20 Javascript
详解vue中localStorage的使用方法
2018/11/22 Javascript
webpack 动态批量加载文件的实现方法
2020/03/19 Javascript
Vue-resource安装过程及使用方法解析
2020/07/21 Javascript
原生小程序封装跑马灯效果
2020/10/21 Javascript
Python中的startswith和endswith函数使用实例
2014/08/25 Python
Python中一些自然语言工具的使用的入门教程
2015/04/13 Python
详解Selenium+PhantomJS+python简单实现爬虫的功能
2019/07/14 Python
新版Pycharm中Matplotlib不会弹出独立的显示窗口的问题
2020/06/02 Python
解决python pandas读取excel中多个不同sheet表格存在的问题
2020/07/14 Python
美国旅游网站:Tours4Fun
2017/02/17 全球购物
墨西哥皇宫度假村预订:Palace Resorts
2018/06/16 全球购物
什么造成了Java里面的异常
2016/04/24 面试题
医务工作者先进事迹材料
2014/01/26 职场文书
校园文化标语
2014/06/18 职场文书
给老师的一封感谢信
2015/01/20 职场文书
总经理2015中秋节致辞
2015/07/29 职场文书
消防演习感想
2015/08/10 职场文书
德能勤绩工作总结
2015/08/11 职场文书