프리카운터넷

프로그래밍&개발

기존 공부방

테이블에 마우스오버 적용하기

여기는	셀 단위로
	바뀝니다

여기는	테이블 전체가
	바뀝니다

여기는	줄 단위로
	바뀝니다

위의 테이블 위에 마우스커서를 각각 올려보세요.
마우스커서가 테이블에 올라가면 셀이나 줄, 혹은 테이블 전체의 색이 변해서 선택되어진 곳을 명확하게 해 줍니다.

의 테이블 안(td, tr, table 중 선택)에 아래 소스를 추가합니다.


	onmouseover="this.style.backgroundColor='#9FB6FF'" onmouseout="this.style.backgroundColor=''"

아래처럼 하시면 되겠죠.

특정 셀에 적용할 때는
<td onmouseover="this.style.backgroundColor='#9FB6FF'" onmouseout="this.style.backgroundColor=''"
>

특정 줄에 적용할 때는
<tr onmouseover="this.style.backgroundColor='#9FB6FF'" onmouseout="this.style.backgroundColor=''"
>

테이블 전체에 적용할 때는
<table onmouseover="this.style.backgroundColor='#9FB6FF'" onmouseout="this.style.backgroundColor=''"
>

색번호 #9FB6FF 는 마우스커서가 올라가면 변하는 색입니다.