메뉴 건너뛰기

검색창 닫기

tnt_lang

html/script 여러가지의 색으로 롤오버 효과및 항목을 선택시 선택된 색을 고정시키는 예제

박상현 2003.11.07 10:13 조회 수 : 2212 추천:25

<SCRIPT language=JavaScript>

table_color=new Array();
table_stats=new Array();

table_color[1]='#cccccc';
table_color[2]='#ffaaaa';
table_color[3]='#aaaaff';

table_stats[1]=0;
table_stats[2]=0;
table_stats[3]=0;

var table_out_color='';
//이전 색으로 돌림

var temp=0;

// 마우스 오버시...
function m_over(table_obj,table_no)
{
  table_obj.style.backgroundColor=table_color[table_no];
}

// 마우스 아웃시
function m_out(table_obj,table_no)
{
if (!table_stats[table_no])
    table_obj.style.backgroundColor=table_out_color;
    // 클릭 되어있는지 검사...
}


// 테이블 클릭 / 언클릭 상태 저장
function clicked(table_no)
{
  temp=table_stats[table_no];
  temp=temp + (temp==0) - (temp==1);
  table_stats[table_no]=temp;
}

</SCRIPT>

BODY 안에 삽입할 부분-테이블형태 만들기
<BODY bgcolor='WHITE' text=BLACK link=#024888 vlink=#42637C alink=#3B9CEE>
<table border=0 width=100% cellspacing=1 cellpadding=3>
  <tr height=20>
        <td width=40 bgcolor=#9EB4D3><P align=center><font color=BLACK>
                번호</font></td>
  </tr>

  <tr height=20 bgcolor=white onMouseOver="m_over(this,1)" onMouseOut="m_out(this,1)"  OnClick="clicked(1)"; >
        <td width=40><p align=right>1 </td>
  </tr>

  <tr height=20 bgcolor=white onMouseOver="m_over(this,2)" onMouseOut="m_out(this,2)"  OnClick="clicked(2)"; >
        <td width=40><p align=right>2 </td>
  </tr>

  <tr height=20 bgcolor=white onMouseOver="m_over(this,3)" onMouseOut="m_out(this,3)"  OnClick="clicked(3)"; >
        <td width=40><p align=right>3 </td>
  </tr>

</table>
이 게시물을
이 글의 추천인 목록 수정 삭제 목록
번호 제목 글쓴이 날짜 조회 수
38 orion와 eclipse을 이용하여 EJB개발시 참고(내부개발용) 박상현 2004.06.22 2442
37 주소 감추기 박상현 2004.06.13 1955
36 javascript: event,this는 사용할 수 없습니다 박상현 2004.06.13 1765
35 점선없애기 박상현 2004.06.13 1973
34 <table></table>을 스크롤 시키기 박상현 2004.04.09 1758
33 td및 tr의 위치 알아내기 박상현 2004.01.31 2751
32 자바스크립트 펑션 및 변수 공유 박상현 2004.01.07 2337
31 스크롤바를 따라다니는 메뉴판 박상현 2003.12.04 1575
30 스크롤바를 따라다니는 이미지 박상현 2003.12.04 1684
29 이벤트 종류알기 및 좌표 읽기 박상현 2003.12.03 1989
28 문서크기에 맞게 아이프레임폭 자동으로 조정하기 박상현 2003.11.17 1928
27 목록에서 선택된 라인에만 색칠하고 다른것은 이전색으로 변경하기 박상현 2003.11.13 1705
26 목록에서 다중 선택된 항목을 표시(특정색상)하고 체크박스를 선택해주는 스크립트 박상현 2003.11.07 2837
» 여러가지의 색으로 롤오버 효과및 항목을 선택시 선택된 색을 고정시키는 예제 박상현 2003.11.07 2212
24 쇼핑몰에 포함될 기능(참고) 박상현 2003.11.06 1624
23 한글처리 방법/절차 이해 박상현 2003.10.20 1930
22 event.keyCode의 숫자표 박상현 2003.10.20 1863
21 jsp페이지에서 popup창의 depth에 따른 메인 복귀 방법 달리하기... 박상현 2003.10.14 3496
20 배포하기(Cab 파일 작성법) 박상현 2003.10.13 2580
19 정수값을 3자리수마다 컴마를 찍기 박상현 2003.10.13 2177
쓰기 태그
위로