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"; 
 }

Menu_Init(obj)用于初始化 Table.

所需要的CSS

復(fù)制代碼代碼如下:

.MenuOptions{ 
 padding:2px; 
 cursor:hand; 
 color:#000000; 
} 
.MenuOptions_hilite{ 
  padding:1px; 
  border:outset 1px #669999; 
  cursor:hand; 
 color:#000000; 
}

table示范

復(fù)制代碼代碼如下:

<table id=MenuTools border="0" cellspacing="2" style="border:1px solid #000000;color:#000000;font-size:12px"> 
<tr> 
<td class="MenuOptions" >大家好呀 
<td class="MenuOptions" >很容易實(shí)現(xiàn)的效果 
<td class="MenuOptions" >喜歡的就拿去用吧 
<td >這個(gè)不允許加亮 
</tr> 
</table>

演示

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

一個(gè)很簡(jiǎn)單的辦法實(shí)現(xiàn)TD的加亮效果.

相關(guān)文章

JavaScript聚焦于第一個(gè)字段的代碼
在web頁(yè)面中，經(jīng)常有信息錄入頁(yè)面，比如登錄頁(yè)面或者注冊(cè)頁(yè)面，在頁(yè)面打開(kāi)時(shí)，將光標(biāo)的焦點(diǎn)自動(dòng)定位在第一個(gè)輸入字段中，這將會(huì)有更好的用戶體驗(yàn)。
2010-10-10
Javascript操作select方法大全[新增、修改、刪除、選中、清空、判斷存在等]
Javascript 操作select控件大全（新增、修改、刪除、選中、清空、判斷存在等）
2008-09-09
JavaScript隨機(jī)設(shè)置表單的發(fā)送地址
JavaScript隨機(jī)設(shè)置表單的發(fā)送地址，可以設(shè)置多個(gè)表單提交的地址，平時(shí)不怎么用，不過(guò)這個(gè)功能覺(jué)得以后能用上哦，大家沒(méi)事了還是研究一下埃
2010-10-10
google 搜索框添加關(guān)鍵字實(shí)現(xiàn)代碼
一段創(chuàng)新的搜索腳本代碼來(lái)自tourbus的Bob Rankin提供了一段定制的JAVA代碼.
2010-04-04
CSS3實(shí)現(xiàn)動(dòng)態(tài)背景登錄框的代碼
本文介紹了一款基于jQuery+CSS3實(shí)現(xiàn)的帶有動(dòng)畫(huà)效果的動(dòng)態(tài)背景登陸框特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-07-07
通過(guò)隱藏option實(shí)現(xiàn)select的聯(lián)動(dòng)效果
開(kāi)始的時(shí)候需求是根據(jù)一定條件隱藏一部分<option>標(biāo)簽，類似聯(lián)動(dòng)效果，但是目前的html規(guī)范并沒(méi)有為<option>提供隱藏的效果，因此常用的設(shè)置display或者visibility無(wú)效。
2009-11-11
關(guān)于腳本操作文本域的問(wèn)題
關(guān)于腳本操作文本域的問(wèn)題...
2007-04-04
javascript 設(shè)置某DIV區(qū)域內(nèi)的checkbox復(fù)選框
主要用到dom的兩個(gè)函數(shù)document.getElementById(id)和document.getElementsByTagName(name),希望對(duì)寫(xiě)復(fù)選框全選的蝦們有些許幫助。
2009-11-11
javascript據(jù)option的value值快速設(shè)定初始的selected選項(xiàng)
javascript據(jù)option的value值快速設(shè)定初始的selected選項(xiàng)...
2007-08-08
select發(fā)展史超強(qiáng)
select發(fā)展史超強(qiáng)...
2007-02-02