一個很簡單的辦法實現(xiàn)TD的加亮效果.
更新時間:2006年09月07日 00:00:00 作者:
復(fù)制代碼 代碼如下:
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";
}
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;
}
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" >很容易實現(xiàn)的效果
<td class="MenuOptions" >喜歡的就拿去用吧
<td >這個不允許加亮
</tr>
</table>
<tr>
<td class="MenuOptions" >大家好呀
<td class="MenuOptions" >很容易實現(xiàn)的效果
<td class="MenuOptions" >喜歡的就拿去用吧
<td >這個不允許加亮
</tr>
</table>
演示
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
Javascript操作select方法大全[新增、修改、刪除、選中、清空、判斷存在等]
Javascript 操作select控件大全(新增、修改、刪除、選中、清空、判斷存在等)2008-09-09JavaScript隨機設(shè)置表單的發(fā)送地址
JavaScript隨機設(shè)置表單的發(fā)送地址,可以設(shè)置多個表單提交的地址,平時不怎么用,不過這個功能覺得以后能用上哦,大家沒事了還是研究一下埃2010-10-10google 搜索框添加關(guān)鍵字實現(xiàn)代碼
一段創(chuàng)新的搜索腳本代碼來自tourbus的Bob Rankin提供了一段定制的JAVA代碼.2010-04-04通過隱藏option實現(xiàn)select的聯(lián)動效果
開始的時候需求是根據(jù)一定條件隱藏一部分<option>標簽,類似聯(lián)動效果,但是目前的html規(guī)范并沒有為<option>提供隱藏的效果,因此常用的設(shè)置display或者visibility無效。2009-11-11javascript 設(shè)置某DIV區(qū)域內(nèi)的checkbox復(fù)選框
主要用到dom的兩個函數(shù)document.getElementById(id)和document.getElementsByTagName(name),希望對寫復(fù)選框全選的蝦們有些許幫助。2009-11-11javascript據(jù)option的value值快速設(shè)定初始的selected選項
javascript據(jù)option的value值快速設(shè)定初始的selected選項...2007-08-08