자바스크립트와 CSS 를 이용하여 테이블에 롤오버 효과와 하이퍼링크를 걸었습니다.
응용해서 사용하세요
<table border="0" bgcolor="#808080" align=center>
<tr>
<td width="200%" align="center">
<div align="center">
<table border="0" width="450" bgcolor="#000000" height="24">
<tr>
<td width="200%" align="center">
<div align="center">
<table border="0" width="450" bgcolor="#000000" height="24">
<tr>
<td bgcolor=#000000 class=m1 onClick="location.href='http://YOUR ADDRESS HERE'"
onMouseOut="style.backgroundColor='#000000'; style.border='0 solid black';"
onMouseOver="style.backgroundColor='#0066CC'; style.cursor='hand'; style.border='0 solid #CCCCCC'" height="20" valign="middle" align="center" width="56">
<p align="center"><u><a href="http://YOUR ADDRESS HERE"><font color="#FFFFFF" face="Arial" size="2">YOUR TEXT HERE</font></a></u></p>
</td>
<td bgcolor=#000000 class=m1 onClick="location.href='http://YOUR ADDRESS HERE'"
onMouseOut="style.backgroundColor='#000000'; style.border='0 solid black';"
onMouseOver="style.backgroundColor='#0066CC'; style.cursor='hand'; style.border='0 solid #CCCCCC'" height="20" valign="middle" align="center" width="56">
<p align="center"><u><a href="http://YOUR ADDRESS HERE"><font color="#FFFFFF" face="Arial" size="2">YOUR TEXT HERE</font></a></u></p>
</td>
<td bgcolor=#000000 class=m1 onClick="location.href='http://YOUR ADDRESS HERE'"
onMouseOut="style.backgroundColor='#000000'; style.border='0 solid black';"
onMouseOver="style.backgroundColor='#0066CC'; style.cursor='hand'; style.border='0 solid #CCCCCC'" height="20" valign="middle" align="center" width="56">
<p align="center"><u><a href="http://YOUR ADDRESS HERE"><font color="#FFFFFF" face="Arial" size="2">YOUR TEXT HERE</font></a></u></p>
</td>
</tr>
</table>
</div>
</center>
</td>
</tr>
</table>
</div></td>
</tr></table>
</div>