Design PHP Windows Linux
제 목  [DESIGN] 테이블 오버시 배경색상바꾸기
작성자 관리자    조회수 3790
내 용 테이블안에 바탕색이 흰색이고 마우스를 올렸을때 바탕색이 다른색으로 바뀌게 하는방법입니다.

① 첫번째로 style type내용을 <HEAD>와 </HEAD>사이에 붙여넣으면 됩니다.

<style type="text/css">
<!--
.over { background-color: #C8FFFF}
.out { background-color: #FFFFFF}
-->
</style>

설명 => over색상은 테이블위에 마우스를 올렸을때 나타나는 색상
out색상은 마우스를 올렸다가 테이블 밖으로 나갔을때 나타나는 색상

② 두번째로 테이블을하나 만들어서 테이블의 TR안에 onMouseOver="this.className='over'" onMouseOut="this.className='out'"를 넣어줍니다.
테이블단계적으로 색상이 다르게 보이고 싶을때는 style type에 있는 over를 여러개 만들어줍니다. 이름은 다르게 주어야겠죠.
여러개 만든over이름을 테이블 TD안에 각각 넣어줌니다.

EX)

<TABLE WIDTH="300" BORDER="1" CELLSPACING="0" CELLPADDING="0" ALIGN="CENTER">
<TR BGCOLOR="#008080">
<TD>예 제</TD>
</TR>
<TR BGCOLOR="#FFFFFF" onMouseOver="this.className='over'" onMouseOut="this.className='out'">
<TD>마우스를 올려보세요</TD>
</TR>
</TABLE>
목록

게시물 : 41 건, 현재 : 2 / 3 쪽
번 호 제 목 작성자   조 회
26 [DESIGN] 페이지 바뀌어도 음악 끊기지 않도록  관리자   10783
25 [DESIGN] 스크롤바 색상 넣기  관리자   6660
24 [DESIGN] 자동 타이핑되는 글자  관리자   10909
23 [DESIGN] 이미지가 무작위로 올라가는 배경  관리자   20424
22 [DESIGN] 새창에서 부모창으로 링크이동하기  관리자   12659
21 [DESIGN] 마우스 오른쪽금지 및 드래그 금지하기  관리자   4531
20 [WINDOWS] ActiveX 컨트롤을 실행할 수 없습니다  관리자   4761
19 [WINDOWS] 바탕화면의 아이콘 잠그기  관리자   4851
18 [DESIGN] 테이블 오버시 배경색상바꾸기  관리자   3791
17 [WINDOWS] 내 사이트를 링크한 사이트 알아보기  관리자   6391
16 [DESIGN] 랜덤으로 다른이미지 보여주기  관리자   5103
15 [DESIGN] 배경음악 랜덤으로 듣기  관리자   4175
14 [WINDOWS] Win2000 페이지 파일 (PageFile) 이란?  관리자   6003
13 [DESIGN] 동영상 올리기  관리자   8308
12 [WINDOWS] 윈98, XP에서 시스템 파일 복구하기  관리자   4620
[이전] [1][2][3] [다음]
목록으로