<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"> hello, everyone.
<Td class = "MenuOptions"> very easy to implement
<Td class = "MenuOptions"> use it if you like it.
<Td> This cannot be highlighted
</Tr>
</Table>
<Script> Menu_Init (MenuTools) </script>