묻고답하기

이런 홈페이지를 만들고 싶은데요..

2004.03.19 21:41

http://www.tear-forest.com/

이 분의 홈페이지를 보면요.. 메뉴바 ..
메뉴를 하나 하나 누를때 마다.. 옆으로 쉭 쉭 하면서.. 나오는데요..
저런건 어떤걸 사용하면 되죠..? 나모에도 이런거 있는걸로 아는뎀..
아시는분 좀 가르쳐주세요^^

이 게시물을

▶◀헐랭이

2004.03.19 21:52

질문하신 사이트의 메뉴 소스입니다. 참고하세요.
<STYLE>



#slideoutSidebar1 {position:absolute; left:1; top:5; width:100; height:30; clip:rect(0,100,30,0); background-color:#9797FF; layer-background-color:#9797FF;}

#slideoutSidebar2 {position:absolute; left:2; top:40; width:100; height:30; clip:rect(0,100,30,0); background-color:#FFFF00; layer-background-color:#FFFF00;}

#slideoutSidebar3 {position:absolute; left:5; top:85; width:100; height:30; clip:rect(0,100,30,0); layer-background-color:#FF80C0;}

#slideoutSidebar4 {position:absolute; left:5; top:110; width:100; height:30; clip:rect(0,100,30,0); background-color:#00FF80; layer-background-color:#00FF80;}

#slideoutSidebar5 {position:absolute; left:5; top:145; width:100; height:30; clip:rect(0,100,30,0); background-color:#FF5353; layer-background-color:#FF5353;}

#slideoutSidebar6 {position:absolute; left:5; top:180; width:100; height:30; clip:rect(0,100,30,0); background-color:#def445; layer-background-color:#deff445;}

#slideoutSidebar7 {position:absolute; left:5; top:215; width:100; height:30; clip:rect(0,100,30,0); background-color:#dfdfff; layer-background-color:#dfdfff;}

#slideoutContent {position:absolute; left:60; top:16; width:130; height:240; clip:rect(0,130,240,0); background-color:#00000; layer-background-color:#00000;}



#slideoutContent1 {position:absolute; left:0; top:0; width:140; height:145; clip:rect(0,10,20,0); layer-background-color:#DEDEDE; visibility:visible;}

#slideoutContent2 {position:absolute; left:-130; top:17; width:140; height:145; clip:rect(0,130,240,0); layer-background-color:#DEDEDE; visibility:hidden;}

#slideoutContent3 {position:absolute; left:-130; top:34; width:140; height:145; clip:rect(0,130,240,0); layer-background-color:#DEDEDE; visibility:hidden;}

#slideoutContent4 {position:absolute; left:-130; top:51; width:140; height:145; clip:rect(0,130,240,0); layer-background-color:#DEDEDE; visibility:hidden;}

#slideoutContent5 {position:absolute; left:-130; top:66; width:140; height:145; clip:rect(0,130,240,0); layer-background-color:#DEDEDE; visibility:hidden;}

#slideoutContent6 {position:absolute; left:-130; top:81; width:140; height:145; clip:rect(0,130,240,0); layer-background-color:#DEDEDE; visibility:hidden;}

#slideoutContent7 {position:absolute; left:-130; top:98; width:140; height:145; clip:rect(0,130,240,0); mlayer-background-color:#DEDEDE; visibility:hidden;}

//-->

</STYLE>

<style type="text/css">



</style>

<script language="JavaScript">
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
</script>

<body onLoad="init();" text="#7EB468" link="#7EB468" vlink="#457831" alink="#457831" oncontextmenu="return false" oncontextmenu="return false" ondragstart="return false" onselectstart="return false" leftmargin="9" marginwidth="9" topmargin="0" marginheight="0">

<table style="background-repeat:no-repeat;" background="img/nal.gif" cellpadding="6" width="180" cellspacing="0">
<tr>
<td width="162" height="167" valign="top">

<SCRIPT LANGUAGE="JavaScript">



</SCRIPT>



<p><font color="#457831">               MENU<br><A HREF="javascript:slideout(slideout1)" onfocus='this.blur()'>Main</A><br><A HREF="javascript:slideout(slideout2)" onfocus='this.blur()'>Foxrian</A><br><A HREF="javascript:slideout(slideout3)" onfocus='this.blur()'>Storyⅰ</A><br><A HREF="javascript:slideout(slideout4)" onfocus='this.blur()'>Storyⅱ</A><br><A HREF="javascript:slideout(slideout5)" onfocus='this.blur()'>Story
ⅲ</A><br><A HREF="javascript:slideout(slideout6)" onfocus='this.blur()'>Stroy
ⅳ</A><br><A HREF="javascript:slideout(slideout7)" onfocus='this.blur()'>Story
ⅴ</font></A>
<p align="right"><a href="http://www.tear-forest.com/zb41/zboard.php?id=link" target="a"><font color="#457831">이웃집</a>
</font></p>
</td>
</tr>
</table>
<DIV ID="slideoutInterface">

<DIV ID="slideoutContent">



<DIV ID="slideoutContent1">
<TABLE BORDER=0 WIDTH="138">

<TD width="132">
<a onfocus='this.blur()'><font color="#457831">- </a><a href="mm2.htm" target="a" onfocus='this.blur()'>Main</a><br>  <a href="Sitemap.htm" target="a">Site
map</a><br>  <a href="http://www.tear-forest.com/zb41/zboard.php?id=economy" target="a">예일병의
경제이야기</a> </font></TABLE>

</DIV>

<DIV ID="slideoutContent2">

<TABLE BORDER=0 WIDTH="138">

<TD width="132">

<font color="#457831"> <a href="foxrain/profile.htm" target="a">프로필</a><br>
   <a href="foxrain/foxrainstory.htm" target="a" onfocus='this.blur()'>여우비 이야기..</a><br>
   <a href="http://www.tear-forest.com/zb41/zboard.php?id=diary" target="a" onfocus='this.blur()'>여우비의 세상이야기..</a><br>
   <a href="foxrain/history1/hi.htm" target="a" onfocus='this.blur()'>까만눈동자 홈 이야기..</a><br>
   <a href="foxrain/histroy.htm" target="a" onfocus='this.blur()'>여우비 홈 이야기..</a><br>
  <a href="http://myhome.naver.com/foxrain48/" target="b"> .. 포트폴리오..</a><br>      </font><font color="#7EB468"> -
다른페이지로 이동</font></TABLE>

</DIV>

<DIV ID="slideoutContent3">

<TABLE BORDER=0 WIDTH=130>

<td>

<font color="#457831"> </font><tr>

<font color="#457831">  여우비의 작은
꿈..<br>   <a href="story1/foxrain/story1.htm" target="a">< Foxrain
art ></a><br></font></p>
<p align="center"><a onfocus='this.blur()'><font color="#457831"><span style="font-size:9pt;">...Darkeye's
Story...</a><br><a href="story1/story05.htm" target="a" onfocus='this.blur()'>■</a></font>

<a href="story1/story04.htm" target="a" onfocus='this.blur()'><font color="#457831">■</font></a>

<a href="story1/story03.htm" target="a" onfocus='this.blur()'><font color="#457831">■</font></a>

<a href="story1/story02.htm" target="a" onfocus='this.blur()'><font color="#457831">■</font></a>

<a href="story1/story01.htm" target="a" onfocus='this.blur()'><font color="#457831">■</font></a>

<a href="story1/sketch.htm" target="a" onfocus='this.blur()'><font color="#457831">■</font></a> <br><font color="#457831">Other.. </font>

<a href="story1/other.htm" target="a" onfocus='this.blur()'><font color="#457831">■</font></a></span></p>

<font color="#7EB468"> <font color="#7EB468"> <font color="#457831"></Tr>

</TABLE>

</DIV>

<DIV ID="slideoutContent4">

<TABLE BORDER=0 WIDTH="140">

<TD width="134">

<a href="story2/star.htm" target="a" onfocus='this.blur()'><span style="font-size:9pt;"><font color="#457831">  별자리Ⅰ</a>
and
<a href="story2/astro.htm" target="a" onfocus='this.blur()'>별자리Ⅱ</a><br>  <a href="story2/tansung.htm" target="a" onfocus='this.blur()'>탄생석</a>
and <a href="story2/tahwa.htm" target="a" onfocus='this.blur()'>탄생화.</a>
<br>   </span><a href="http://www.tear-forest.com/zb41/zboard.php?id=anger" target="a">꽃점</a>
and <span style="font-size:9pt;"><a target="a" onfocus='this.blur()' href="story2/blood/blood-a.htm">혈액형</a><br>  </span><a href="story2/flower1.htm" target="a" onfocus='this.blur()'>꽃's</a>
and<span style="font-size:9pt;"> <a target="c" onfocus='this.blur()'>
</a><a target="a" onfocus='this.blur()' href="story2/love/love-all.htm">사랑.</a>
<br></span>  <a href="http://www.tear-forest.com/zb41/zboard.php?id=whisper5" target="a">사진Ⅰ</a>
and
<a href="http://www.tear-forest.com/zb41/zboard.php?id=whisper4" target="a">사진Ⅱ</a><span style="font-size:9pt;"><br></font></span>

</p>

</TABLE>

</DIV>

<DIV ID="slideoutContent5">

<TABLE BORDER=0 WIDTH=130>

<TD>

<font color="#457831"> <a href="http://www.tear-forest.com/zb41/zboard.php?id=diys" target="a" onfocus='this.blur()'>DIY</a>
& DIYⅡ & BEAD <br></font><hr color="#1C3C0F">
<a href="http://www.tear-forest.com/zb41/zboard.php?id=impression" target="a"><font color="#457831">좋은글</a>
& <a href="http://www.tear-forest.com/zb41/zboard.php?id=writing" target="a">이야기</a>
& <a href="http://www.tear-forest.com/zb41/zboard.php?id=life" target="a"><font color="#457831">생활</font></font></a></TABLE>

</DIV>

<DIV ID="slideoutContent6">

<TABLE BORDER=0 WIDTH="144">

<TD width="138">

<font color="#457831"><font color="#457831">  <a href="http://www.tear-forest.com/zb41/zboard.php?id=Photoshop" target="a" onfocus='this.blur()'>포토샵</a>
<a onfocus='this.blur()'>& </a><a href="story3/font.htm" target="a" onfocus='this.blur()'>Font</a>
& <a href="http://www.tear-forest.com/zb41/zboard.php?id=it" target="a">IT</font></font></a></TABLE>

</DIV>

<DIV ID="slideoutContent7">

<TABLE BORDER=0 WIDTH=130>

<TD>

<font color="#457831">   <a href="http://www.tear-forest.com/zb41/zboard.php?id=memo" target="a">흔적남기기..</a><br><a onfocus='this.blur()'> </a>  <a onfocus='this.blur()' href="http://www.tear-forest.com/zb41/zboard.php?id=borad" target="a">이야기 하기..</a> </font></TABLE>

</div>
</DIV>

</DIV>

좋아요 댓글 신고
▶◀헐랭이

2004.03.19 21:56

http://www.tear-forest.com/frame2.htm

좋아요 댓글 신고
정병환

2004.03.19 23:54

답변 감사합니다 ^^

좋아요 댓글 신고

글쓴이	제목	최종 글
XE	공지 글 쓰기,삭제 운영방식 변경 공지 [16]	2019.03.05 _by 남기남
gongsn	음원소스 루프 부드럽게 어떻게 하나요? [1]	2007.08.10
백무혼	asp의 Application을 php대처할수있는게없을까요?
저녁노을	이것좀 고쳐주세요 ..^^ [1]	2007.08.10
정재수	81번 포트 [1]	2007.08.10
Ruviana	요즘 소설 홈페이지 사용되는 "문고판" 모드를 만들수 없나요?
최난새	(질문)제로보드 최근게시물에서,새창띠우기
나르미스	비베에서 left, right 같은함수가 몬가요?..(php용) [1]	2007.08.10
오지영	밑줄....어케지우죠;? [2]	2007.08.10
Ken	이런식의 슬라이딩 메뉴 어떻게 하죠?
K-POP	★★★ 포토샵에서 인물이랑 배경이랑 합성할때 ★★★ [1]	2007.08.10
윤수리	프레임내의 HTML문서로 바로 이동하기??
정병환	이런 홈페이지를 만들고 싶은데요.. [3]	2007.08.10
-G.W-	포토샵에서 36-40포인트로 깨끝하게 나오는 폰트가 있을가요? [3]	2007.08.10
REDsky	텍스트에 마우스를 롤오버 하면
박소영	꺅 윈도우 다시 깔았더니 ftp 실행하니깐 폴더가 없어졌어요
둡-_-	이런그림 어떻게 만들어야 하나요? [3]	2007.08.10
이승백	''북마크하기'' 및 ''시작페이지로 등록''을 위한 자바스크립트
이승백	친구에게 메일보내기 기능.
나	플래시나 디렉터로 동영상제어 [4]	2007.08.10
스볼	플래시 버튼으로 플래시위에 레이어 감추기 [1]	2007.08.10
햐얀바람	신의 키스 소스중에 자바스크립트에서 이미지에 들어가면 버튼으로 제어하는 소스 질문....
김기열	포토샵에서요 [1]	2007.08.10
나르미스	fsockopen 할대 상대가 방화벽이면??
장은미	노프레임홈에서요.. [2]	2007.08.10
레마...	input, 혹은 textarea에 관련하여
거선	여기처럼 만들려고 하는데요... 간단한것 같은데 [1]	2007.08.10
정미옥	누가좀 도움을.... [3]	2007.08.10
WEd™	php 게시판리스트 출력시 넘 느려요
peacemaker00	이미지를 이런 형식으로 변화 시키려면 어떻게 해야하나요?
김경미	서버 등록자에 관해

태그 쓰기

묻고답하기

이런 홈페이지를 만들고 싶은데요..

댓글 3

▶◀헐랭이

▶◀헐랭이

정병환

About

Get involved

Blog

Download

Support

Showcase