在JavaScript中你知道怎么實現TB的加亮效果嗎?你是否也曾被這個問題所困擾過呢?那么今天我們就跟小編一起去看看實現TD的加亮效果的簡單方法,希望對你有幫助。
<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>
上文就是實現TD的加亮效果的簡單方法,需要的朋友趕緊動手嘗試一下吧,這在我們日后使用JavaScript的過程中會帶來不少方便。
新聞熱點
疑難解答
圖片精選