<style> .BorderOn { width:90px; margin-left:10px; border:1px solid #456789 } .BorderOff { width:90px; margin-left:0px; border:1px solid #444444 } A.mBlue:link {color:#00CCFF; text-decoration:none;} A.mBlue:visited {color:#00CCFF; text-decoration:none;} A.mBlue:active {color:#00CCFF; text-decoration:none;} A.mBlue:hover {color:#FF0000; text-decoration:underline;} A.mGreen:link {color:#00FF80; text-decoration:none;} A.mGreen:visited {color:#00FF80; text-decoration:none;} A.mGreen:active {color:#00FF80; text-decoration:none;} A.mGreen:hover {color:#FF0000; text-decoration:underline;} A.mYellow:link {color:#FFFF00; text-decoration:none;} A.mYellow:visited {color:#FFFF00; text-decoration:none;} A.mYellow:active {color:#FFFF00; text-decoration:none;} A.mYellow:hover {color:#FF0000; text-decoration:underline;} </style> <script language="JavaScript1.2"> offMessage = "把滑鼠放在選單上面" function boxOn(which,message) { if (document.all||document.getElementById) { which.className = 'BorderOn'; if (document.getElementById) { document.getElementById("Message").innerHTML = message } else { Message.innerHTML = message; } } } function boxOff(which) { if (document.all||document.getElementById) { which.className = 'BorderOff'; if (document.getElementById) { document.getElementById("Message").innerHTML = offMessage } else { Message.innerHTML = offMessage; } } } </script>
放在<head>與</head>之間
<table cellpadding="0" cellspacing="0" width="100"> <tr> <td align="center"> <table cellpadding="3" cellspacing="0" bgcolor="#000000" class="BorderOff"> <tr> <td> <font color="#FEDCBA" size="2" face="Arial">選單</font> </td> </tr> </table> <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'說明一')" onMouseout="boxOff(this)"> <tr> <td> <font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="網址">選項1</a></font> </td> </tr> </table> <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'說明二')" onMouseout="boxOff(this)"> <tr> <td> <font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="網址" target="_blank">選項2</a></font> </td> </tr> </table> <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'說明三')" onMouseout="boxOff(this)"> <tr> <td> <font color="#00FF80" size="2" face="Arial"><a class="mGreen" href="網址" target="_blank">選項3</a></font> </td> </tr> </table> <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'說明四')" onMouseout="boxOff(this)"> <tr> <td> <font color="#00FF80" size="2" face="Arial"><a class="mYellow" href="網址" target="_blank">選項4</a></font> </td> </tr> </table> <table cellpadding="1" cellspacing="0" bgcolor="#444444" width="90"> <tr> <td> <table cellpadding="3" cellspacing="0" bgcolor="#000000" width="88" height="100"> <tr> <td align="left" valign="top"> <font id="Message" color="#CBA987" size="2" face="Arial">把滑鼠放在上面的選單上</font> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table>
放在<body>之後
選單
選項1
選項2
選項3
選項4
把滑鼠放在上面的選單上