一個很簡單的辦法實現(xiàn)TD的加亮效果.
更新時間：2006年06月29日 00:00:00 作者：
<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" >很容易實現(xiàn)的效果
<td class="MenuOptions" >喜歡的就拿去用吧
<td >這個不允許加亮
</tr>
</table>
<script>Menu_Init(MenuTools)</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" >很容易實現(xiàn)的效果
<td class="MenuOptions" >喜歡的就拿去用吧
<td >這個不允許加亮
</tr>
</table>
<script>Menu_Init(MenuTools)</script>
相關(guān)文章
JavaScript前端學算法題解LeetCode最大重復子字符串
這篇文章主要為大家介紹了JavaScript前端學算法題解LeetCode最大重復子字符串，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
這篇文章主要介紹了JS深入淺出Function與構(gòu)造函數(shù)，F(xiàn)unction是一個構(gòu)造函數(shù)，可以通過該構(gòu)造函數(shù)去創(chuàng)建一個函數(shù)，創(chuàng)建的函數(shù)是一個Function對象，具體內(nèi)容請參考下面文章的詳細內(nèi)容,需要的朋友可以參考一下2021-12-12
這篇文章主要介紹了用javascript制作qq注冊動態(tài)頁面,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友可以參考下2021-04-04
JavaScript?API?ResizeObserver使用示例
這篇文章主要為大家介紹了JavaScript?API?ResizeObserver的使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-07-07 
這篇文章主要為大家介紹了JS前端性能指標定位FMP使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-01-01 
這篇文章主要介紹了詳解微信小程序Radio選中樣式切換的相關(guān)資料,需要的朋友可以參考下
2017-07-07 
這篇文章主要介紹了微信小程序 條件渲染詳解的相關(guān)資料,需要的朋友可以參考下
2016-10-10 
本文主要介紹AngularJS 表達式,這里對AngularJS 表達式詳細介紹和實例代碼,有需要的小伙伴可以參考下
2016-07-07 
這篇文章主要為大家介紹了js的一些潛在規(guī)則示例分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-02-02