一个很简单的办法实现TD的加亮效果._表单特效

程序员文章站 2022-05-08 12:12:27

...

function Menu_Init(obj){ 
   var tds = obj.getElementsByTagName("td"); 
    for (var i = 0; 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

复制代码代码如下:

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

table示范

复制代码代码如下:

大家好呀 

很容易实现的效果 

喜欢的就拿去用吧 

这个不允许加亮

演示

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

相关标签：一个很简单的办法实现TD的加亮效果.

上一篇：数据库基础知识

下一篇： SQL实现多行变一行