<style>
* * First put the Xmenu style into the CSS * *
. Xmenu Td{font-size:12px;font-family:verdana,arial;font-weight:bolder;color: #ffffff; border:1px solid #336699; Background: #336699; Filter:blendtrans (duration=0.5); cursor:hand;text-align:center;}
</style>
<script>
/*
Http://lexrus.blueidea.com
This is the function that binds the event action to the menu
*/
function Attachxmenu (ObjID) {
var tds=objid.getelementsbytagname (' TD ');
for (Var i=0;i<tds.length;i++) {
With (Tds[i]) {
Onmouseover=function () {
With (this) {
Filters[0].apply ();
Style.background= ' #66CCFF '; This is the background color when the mouse moves up
Style.border= ' 1px solid #ffffff '; Border
Style.color= ' black '; Text color
Filters[0].play ();
}
}
Onmouseout=function () {
With (this) {
Filters[0].apply ();
Style.background= ' #336699 '; This is the background color when the mouse leaves
Style.border= ' 1px solid #336699 '; Border
Style.color= ' #ffffff '; Text color
Filters[0].play ();
}
}
}
}
}
</script>
<!--menu From here, note that you want to set the class to be the same as the CSS, but also to set a id-->
<table class= "Xmenu" id= "xmenu0" width= "1" cellpadding= "4" cellspacing= "0" border= "#336699" bgcolor= " Center ">
<tr>
<td><a href= "http://www.lenvo.cn/" >www.lenvo.cn</a></td>
<td>Name</td>
<td>Is</td>
<td>LeX</td>
<td>Rus</td>
<td>!!! </td>
</tr>
</table>
<script>attachxmenu (xmenu0);//The Binding of the event action at the end of the table above, where this xmenu0 is the ID of that table </script>
<br><br><br><br>
<!--The following is a vertical row;
<table class= "Xmenu" Id= "xmenu1" width= "cellpadding=" 1 "cellspacing=" 4 "border=" 0 "bgcolor=" #336699 "align=" center "
<tr><td>my</td></tr>
<tr><td>name</td></tr>
<tr><td>is</td></tr>
<tr><td>lex</td></tr>
<TR><TD>RUS</TD></TR>
<tr><td>!!! </td></tr>
</table>
<script>attachxmenu (xmenu1);</script>