<table width="300" border="1" cellspacing="0" cellpadding="3" bordercolordark="#000000" bordercolorlight="#999999" align="center">
<tr><td onMouseOver=this.style.backgroundColor="#ffcc00" onMouseOut=this.style.backgroundColor=""> </td>
<td onMouseOver=this.style.backgroundColor="#eeeeee" onMouseOut=this.style.backgroundColor=""> </td></tr>
<tr><td onMouseOver=this.style.backgroundColor="#ffcc00" onMouseOut=this.style.backgroundColor="">
<td onMouseOver=this.style.backgroundColor="ff0000" onMouseOut=this.style.backgroundColor="">
</tr>
</table>
onMouseOver=this.style.backgroundColor="#ffcc00" --- 마우스가 올라갔을때
onMouseOut=this.style.backgroundColor="" --- 마우스가 올라갔다가 빠졌을때
backgroundColor="ffcc00" 이것은 색상 입니다
backgroundColor="" 마우스가 빠졌을때는 왜 아무색상이 없냐구요 ?
아무것도 안적어주면 예제에서 보듯이 원래의 색으로 돌아가버리는거죠 !
'Html & Css' 카테고리의 다른 글
fleldset으로 Box만들기 (0) | 2016.06.03 |
---|---|
링크된 곳에 CURSOR모양 제어하기 (0) | 2016.06.03 |
글자에 여러가지 효과내기 (0) | 2016.06.03 |
자동으로 이동하는 소스 (0) | 2016.06.03 |
들어 올때...나갈때 인사하는 소스 (0) | 2016.06.03 |