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

① 첫번째로 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>
목록

게시물 : 24 건, 현재 : 2 / 2 쪽
번 호 제 목 작성자   조 회
9 [DESIGN] 마우스 오른쪽금지 및 드래그 금지하기  관리자   4557
8 [DESIGN] 테이블 오버시 배경색상바꾸기  관리자   3819
7 [DESIGN] 랜덤으로 다른이미지 보여주기  관리자   5130
6 [DESIGN] 배경음악 랜덤으로 듣기  관리자   4203
5 [DESIGN] 동영상 올리기  관리자   8334
4 [DESIGN] 웹페이지 블라인드효과  관리자   3804
3 [DESIGN] 텍스트 박스의 내용이 길면 자동으로 스크롤바 만들기  관리자   3851
2 [DESIGN] CSS 이용 스크롤바의 색상 바꾸기  관리자   12244
1 [DESIGN] INPUT 태그에서 한글 바로 쓰기  관리자   4037
[이전] [1][2] [다음]
목록으로