mouseover시에 여러 <td> 태그의 배경색지정하는 방법 정보
mouseover시에 여러 <td> 태그의 배경색지정하는 방법-
David Y, Lee
홈페이지
자기소개
아이디로 검색
회원게시물
- 1,704
본문
하나의 셀에 마우스를 오버했을때 배경색을 변경하는건 알겠는데,
하나의 셀에 마우스르 올림과 동시에 원하는 다른 셀들도 같이 색상이 변경되도록 하는방법을 모르겠어요.
예를 들어 6*4(가로*세로)인 테이블을 만들었다면
(1.1)의 셀에 마우스를 올렸을때 이 셀의 배경색을 바꾸는건 다음과 같이 할수 있읍니다.
<td bgcolor='#cccccc' style='cursor:hand'onmouseover=\"this.style.background='#00FF00'\" onmouseout=\"this.style.background='#cccccc'\">
이렇게 하면 이 셀에 마우스를 올리면 기본 회색(#cccccc) 에서 녹색(#00FF00)으로 변경됩니다.
그러나 제가 구현하고자 하는 것은.
(1,1)의 셀에 마우스를 올렸을때 이 셀만 배경색이 바뀌는것이 아닌
(1,1), (3,1), (5,1) 셀이 동시에 배경색이 변경되도록 하는 것입니다.
이게 가능한일인가요?
하나의 셀에 마우스르 올림과 동시에 원하는 다른 셀들도 같이 색상이 변경되도록 하는방법을 모르겠어요.
예를 들어 6*4(가로*세로)인 테이블을 만들었다면
(1.1)의 셀에 마우스를 올렸을때 이 셀의 배경색을 바꾸는건 다음과 같이 할수 있읍니다.
<td bgcolor='#cccccc' style='cursor:hand'onmouseover=\"this.style.background='#00FF00'\" onmouseout=\"this.style.background='#cccccc'\">
이렇게 하면 이 셀에 마우스를 올리면 기본 회색(#cccccc) 에서 녹색(#00FF00)으로 변경됩니다.
그러나 제가 구현하고자 하는 것은.
(1,1)의 셀에 마우스를 올렸을때 이 셀만 배경색이 바뀌는것이 아닌
(1,1), (3,1), (5,1) 셀이 동시에 배경색이 변경되도록 하는 것입니다.
이게 가능한일인가요?
댓글 전체
스크립트로 구현하면 되겠지요~
<script>~~~</script>로 스타일시트가 변경되는걸 하나의 functin으로 잡아주시면 될듯.
<script>~~~</script>로 스타일시트가 변경되는걸 하나의 functin으로 잡아주시면 될듯.