인터넷정보

테이블에 마우스 배경컬러 롤오버 효과

알 수 없는 사용자 2007. 10. 16. 17:32



 





Red Green
Blue
Purple


소스 :
<table border="1" cellpadding="0" cellspacing="0" bordercolor="gray">
<tr>
<td width="240" onmouseover="this.style.backgroundColor='red'" onmouseout="this.style.backgroundColor=''" align=center> Red</td>
<td width="240" onmouseover="this.style.backgroundColor='green'" onmouseout="this.style.backgroundColor=''" align=center> Green</td>  
</tr>
<tr>
<td width="240" onmouseover="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor=''" align=center> Blue</td>
<td width="240" onmouseover="this.style.backgroundColor='purple'" onmouseout="this.style.backgroundColor=''" align=center>
Purple</td>
</tr>
</table>

반응형