实现TD的加亮效果的简单方法

在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的过程中会带来不少方便。

原文链接:https://js.aizhan.com/develop/JavaScript/9631.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有