웹마스터 팁
[초간단 자바스크립트!] 색깔바뀌는 메뉴
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 스크립트 마법사에서 한방에 된다는...
귀차니즘 때문에.. 아아.. 태클은 아니고 ㅡ_ㅡ
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| [초간단 자바스크립트!] 튀어나오는 글자..-_-;; | ∑Ztxy | 2004.01.18 |
| [초간단 자바스크립트!] 이미지 갤러리 [2] | ∑Ztxy | 2004.01.18 |
| [초간단 자바스크립트!] 색깔바뀌는 메뉴 [3] | ∑Ztxy | 2004.01.19 |
| 전체화면에서 스크롤바 없애기 [7] | 이태식 | 2004.01.23 |
| [초간단 자바스크립트!] 자바로 로그인폼 만들기 [3] | ∑Ztxy | 2004.01.26 |
| 인풋(코멘트)창 크기 조정 | 정재원 | 2004.01.27 |
| [초간단 자바스크립트!] 자바로 홈페이지를부드럽게!!(1) [4] | ∑Ztxy | 2004.01.27 |
세이클럽 스크롤바
[7]
 | 세강 :D | 2004.02.01 |
| 앞,뒤,새로고침 만들기 [2] | piasol | 2004.02.01 |
| 주소창에 아이콘을 달자(다음,엠파스처럼) [3] | piasol | 2004.02.01 |
| Select 태그 관련 스크립트 [12] | Zective | 2004.02.04 |
| [초간단 자바스크립트!] 플래시 FullSize로 보여주기 [4] | ∑Ztxy | 2004.02.05 |
| 페이지 내에 주소창 달기 [1] | piasol | 2004.02.09 |
| BGM Player (배경 음악) [17] | 장진석 | 2004.02.16 |
| XML+JS 연동 다중셀렉트 | 투헤븐 | 2004.02.16 |
| 벅스뮤직 플레이어 스크립트 추출기 [4] | 이녀석 | 2004.02.16 |
| 우뚜같은 포워딩 페이지에서 프레임 깨기.(프레임 없애기) [17] | 김영성 | 2004.02.19 |
| 회원 가입 페이지 이젠 끝이다 [5] | 윌 | 2004.03.03 |
| 벅스뮤직 음악듣기 및 시작 정지 버튼 넣기(기타 음악파일도...) [3] | 카멜롯™ | 2004.03.04 |
| 방문자 OS보여주기 [5] | 구조반 | 2004.03.05 |
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>