2001.03.19 21:48

다이나믹한 메뉴 만들자

고정석

(*.55.91.229) 조회 수 6896 댓글 0

+ - Up Down Comment Print

제목없음



Flash e-card 엔블러드로 가자^^* 모기네 까페에 널러와방~~ 잼날꼬얌~ Flash 배우구 시포? 그럼 일루와방^^

<html><br><head><br><script language="JavaScript"
src="http://www.nblood.com/mosquito/java/overdiv.js"></script><br><script
language="JavaScript" src="http://www.nblood.com/mosquito/java/highlow.js"></script><br></head><br><body><br><table
align="center" border="0" cellpadding="0"
cellspacing="0" width="300"><br>    <tr><br>        <td
width="300" colspan="3"><br>            <p><img
src="http://www.nblood.com/mosquito/images/menu1.gif"
width="300" height="20" border="0"></p><br>        </td><br>    </tr><br>    <tr><br>        <td
width="100" height="54"><br>            <p><a
href="http://www.nblood.com" target="_blank"
onmouseover="overdiv(1);" onmouseout="outdiv(1)"
;><img src="http://www.nblood.com/mosquito/images/menu2.gif"
width="100" height="114" border="0"
style="filter:alpha(opacity=40)" onMouseover="high(this)"
onMouseout="low(this)"></a></p><br>        </td><br>        <td
width="85" height="54"><br>            <p><a
href="http://cafe.daum.net/pcr76" target="_blank"
onmouseover="overdiv(2);" onmouseout="outdiv(2)"
;><img src="http://www.nblood.com/mosquito/images/menu3.gif"
width="100" height="114" border="0"
style="filter:alpha(opacity=40)" onMouseover="high(this)"
onMouseout="low(this)"></a></p><br>        </td><br>        <td
width="115" height="54"><br>            <p><a
href="http://cafe.daum.net/realflash" target="_blank"
onmouseover="overdiv(3);" onmouseout="outdiv(3)"
;><img src="http://www.nblood.com/mosquito/images/menu4.gif"
width="100" height="114" border="0"
style="filter:alpha(opacity=40)" onMouseover="high(this)"
onMouseout="low(this)"></a></p><br>        </td><br>    </tr><br>    <tr><br>        <td
width="300" height="24" colspan="3"><br>            <div
id="tip1" style="width:300px; height:20px; position:absolute;
left:153px; top:155px; z-index:1; visibility:hidden;"><font
color=gray>Flash e-card 엔블러드로 가자^^*</font></div><br>            <div
id="tip2" style="width:300px; height:20px; position:absolute;
left:153px; top:155px; z-index:1; visibility:hidden;"><font
color=gray>모기네 까페에 널러와방~~ 잼날꼬얌~</font></div><br>            <div
id="tip3" style="width:300px; height:20px; position:absolute;
left:153px; top:155px; z-index:1; visibility:hidden;"><font
color=gray>Flash 배우구 시포? 그럼 일루와방^^</font></div><br>        </td><br>    </tr><br></table><br></body><br></html>

두가지 효과를 적용해서 멋진 메뉴를 만들어 봐떠염.<br>우선
메뉴에 마우스를 올리면 이미지가 밝아지져? 글궁 밑에 메뉴에
대한 설명두 레이어로 뜨구여... 머쩌머쩌...^^;<br><br>초록색으로
색칠한거쉬 메뉴에 마우스 올려놓으면 밑에 설명이 뜨는 소스예욤<br>다른
부분은 수정하지 마시고 그대로 쓰세요. 레이어<div> ~
</div> 안에 위지조정등의 내용만 수정하시면 되겠지요?<br>레이어 id 는
반듯이 tip1 이렇게 그대로 주시고요.<br>또한 메뉴가 많아질 경우에는
js파일까지 수정하셔야 해요.<br>전 메뉴가 3개라서 tip1 ~ tip3 까지
주었지만 더 늘어날 경우에는 js파일에서 수정하셔야 합니다. <br>필요하신
분은 개인적으로 질문하세요.<br><br>글구 주황색 은 메뉴에 흐릿하게
필터효과를 주고 마우스 올려놓으면 밝아져따가 마우스 띠면 다시 흐릿해
지는 효과를 주는 소스예욤. 필터값은 각자 조정해 보세요.<br><br>그럼...잘

Facebook Twitter Me2day Yozm

Up Down Print 수정 삭제

Comment '0'

✔댓글 쓰기

●? 에디터 선택하기

✔ 텍스트 모드 ✔ 에디터 모드

댓글 쓰기

●? 에디터 사용하기 닫기

List of Articles
번호	제목	글쓴이	날짜	조회 수
27	멋진 텍스트 효과(1)	고정석	2001.03.19	10349
26	타이핑 치듯 나타나는 텍스트	고정석	2001.03.19	7394
25	눈내리는 이미지 만들기	고정석	2001.03.19	8507
24	무지개색 효과내는 텍스트	고정석	2001.03.19	11733
23	☞ snow.class 다운받기	고정석	2001.03.19	8940
»	다이나믹한 메뉴 만들자	고정석	2001.03.19	6896
21	이미지 뽀샤시 하게 해보장^^* (Alpha)	고정석	2001.03.19	5771
20	body bgcolor 이벤트	고정석	2001.03.19	6008
19	폼메뉴 만들기	고정석	2001.03.19	5803
18	포토갤러리 만들어보자	고정석	2001.03.19	6080
17	요일별로 배경 바꾸기	고정석	2001.03.19	5728
16	텍스트 색 변하게 하기 (blink)	고정석	2001.03.19	6032
15	음악감상 플레이어 만들기	고정석	2001.03.19	6557
14	호빵이 마음대로 돌아다니는 소스	고정석	2001.03.19	6362
13	ram파일 배경음악 실행시키기	고정석	2001.03.19	6362
12	마우스 오른쪽 버튼 소스보기 막기	고정석	2001.03.19	6122
11	쿠키를 이용한 방문횟수와 환영메세지(창으로)	고정석	2001.03.19	5946
10	자바스크립트 새창띄우기	고정석	2001.03.19	6013
9	자바스크립트를 이용한 브라우저 흔들기	고정석	2001.03.19	5943
8	문서 들어가고 나갈때 메세지 띄우기	고정석	2001.03.19	5164
7	마우스 따라다니는 텍스트	고정석	2001.03.19	5416
6	마우스를 따라 다니는 이미지	고정석	2001.03.19	6500
5	마우스 따라당기는 원모양 (글씨,이미지)	고정석	2001.03.19	6094
4	음악감상 플레이어 만들기	고정석	2001.03.19	5775
3	음성 이메일 보낼수 있는 프로그램	고정석	2001.03.19	5685
2	레이어 공지창 띄우기	고정석	2001.03.19	6531
1	사진 무료로 스캔해주는 싸이트...	고정석	2001.03.19	5867

쓰기

나눔글꼴 설치 안내

이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

✔ 설치 취소

이메일 로그인

다이나믹한 메뉴 만들자

나눔글꼴 설치 안내

이 PC에는 나눔글꼴이 설치되어 있지 않습니다.