웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[초간단 자바스크립트!] 색깔바뀌는 메뉴
2004.01.19 21:07
//테이블을 이용해서 롤오버 테이블로 색깔바뀌는 메뉴를 고안해봤습니다...
플래시처럼 보일 때도 있길래 올립니다..//
<DIV>
<TABLE cellPadding="0" cellSpacing="0" width="150"> <!--테이블 너비-->
<TBODY>
<TR>
<TD onmouseout='this.style.backgroundColor="처음색"' onmouseover='this.style.backgroundColor="바뀔색"'>
<P> </P></TD></TR>
<TR>
<TD onmouseout='this.style.backgroundColor="처음색"' onmouseover='this.style.backgroundColor="바뀔색"'>
<P> </P></TD></TR>
<TR>
<TD onmouseout='this.style.backgroundColor="처음색"' onmouseover='this.style.backgroundColor="바뀔색"'>
<P> </P></TD></TR>
<TR>
<TD onmouseout='this.style.backgroundColor="처음색"' onmouseover='this.style.backgroundColor="바뀔색"'>
<P> </P></TD></TR>
</TBODY></TABLE></DIV>
//상당히 간단하죠..? 너무 쉬운듯한...-_-//
플래시처럼 보일 때도 있길래 올립니다..//
<DIV>
<TABLE cellPadding="0" cellSpacing="0" width="150"> <!--테이블 너비-->
<TBODY>
<TR>
<TD onmouseout='this.style.backgroundColor="처음색"' onmouseover='this.style.backgroundColor="바뀔색"'>
<P> </P></TD></TR>
<TR>
<TD onmouseout='this.style.backgroundColor="처음색"' onmouseover='this.style.backgroundColor="바뀔색"'>
<P> </P></TD></TR>
<TR>
<TD onmouseout='this.style.backgroundColor="처음색"' onmouseover='this.style.backgroundColor="바뀔색"'>
<P> </P></TD></TR>
<TR>
<TD onmouseout='this.style.backgroundColor="처음색"' onmouseover='this.style.backgroundColor="바뀔색"'>
<P> </P></TD></TR>
</TBODY></TABLE></DIV>
//상당히 간단하죠..? 너무 쉬운듯한...-_-//
댓글 3
-
Ψ[中·日똑같은놈]
2004.01.25 16:00
-
∑Ztxy
2004.01.26 21:34
Ψ[中·日똑같은놈]//대략 되는데요..-_-;;;
※미리보기 페이지는 소스 그대로 복사해서 색깔만 정정한겁니다.
미리보기 : http://myhome.naver.com/frankpkg/test1.htm -
Lupinus
2004.02.20 07:54
아... 이거 나모FX 스크립트 마법사에서 한방에 된다는...
귀차니즘 때문에.. 아아.. 태클은 아니고 ㅡ_ㅡ
제목 | 글쓴이 | 날짜 |
---|---|---|
프비에서 apache2 쓰실때 참고하세요. [2] | _a_SPD_a_ | 2002.05.29 |
BIND - DoS Vulnerability [1] | 야쿠자 | 2002.06.07 |
하드디스크의 모든성능을 써버리자! [4] | 임현 | 2002.06.14 |
리눅스에서 최강 p2p 공유프로그램 당나귀!! 서버를 운영해보도록하자~ [7] | 임현 | 2002.06.15 |
한 통 내장형 모뎀으로 인터넷하기.. [1] | i- | 2002.06.19 |
간단팁 서버 Info! [4] | 임현 | 2002.06.21 |
Mysql 데이타베이스 백업및 복구(1)... [7] | 이휘은 | 2002.06.21 |
Mysql 데이타베이스 백업및 복구(2)... [5] | 이휘은 | 2002.06.22 |
특정 파일(ex: mp3,avi,mpg)만 찾아서 자동으로 삭제하기! | 임현 | 2002.06.27 |
[보안] 아파치 1.3.x 공격툴 공개되다...06/24 [4] | 차카게살자 | 2002.06.28 |
제로보드 data 폴더 일괄적으로 소유권 변경 스크립트 [2] | 라지엘 | 2002.07.01 |
[펌] 후다닥 apache 랑 php 업글하기 [8] | 임현 | 2002.07.12 |
ASP + MS SQL 기반 게시판 설치하기 - 첫번째 | 오픈소스 | 2002.07.12 |
ASP + MS SQL 기반 게시판 설치하기 - 두번째 | 오픈소스 | 2002.07.12 |
[mysql] load data - 파일을 테이블에 넣기 [1] | 불티나 | 2002.07.26 |
[mysql] create table select , insert into select | 불티나 | 2002.07.26 |
오랜만에 올리는 팁이군요. - 웹호스팅 쉽게해보기! - [8] | 임현 | 2002.07.28 |
솔라리스와 리눅스의 chmod 다른점 [1] | 한꼬마 | 2002.07.31 |
http://도메인/~아이디 를 http://도메인/아이디 로 ^^ [11] | 임현 | 2002.07.31 |
IIS 해당 IP를 제외한 모든 컴퓨터 접근 금지시키기 [1] | 오픈소스 | 2002.08.04 |
source
--------------------------
<DIV>
<TABLE cellPadding="0" cellSpacing="0" width="400" height="200"> <!--테이블 너비-->
<TBODY>
<TR>
<TD onmouseout='this.style.backgroundColor="#ffffff"' onmouseover='this.style.backgroundColor="#000000"' width="100" height="50">
<P>rerwerwerwer </P></TD></TR>
<TR>
<TD onmouseout='this.style.backgroundColor="#cccccc"' onmouseover='this.style.backgroundColor="#00ffff"' width="100" height="50">
<P> werwerwerewer</P></TD></TR>
<TR>
<TD onmouseout='this.style.backgroundColor="#0000ff"' onmouseover='this.style.backgroundColor="#dddddd"' width="100" height="50">
<P> werwerwerewr</P></TD></TR>
<TR>
<TD onmouseout='this.style.backgroundColor="#000000"' onmouseover='this.style.backgroundColor="#ffffff"' width="100" height="50">
<P> werwerwerrer</P></TD></TR>
</TBODY></TABLE></DIV>