|
2004년 02월 11일
<link href="http://www.samsungmall.co.kr/common/default.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript"> function MM_showHideLayers() { var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; } obj.visibility=v; } } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } </script> <div id="p01" style="position:absolute; Z-INDEX: 10; FILTER: alpha(opacity=90); WIDTH: 165px; POSITION: absolute; TOP: -4px; HEIGHT: 500px; visibility: hidden; left: 140px;"> <table width="165" border="0" cellspacing="1" cellpadding="0" bgcolor="#E2E2E2"> <tr><td bgcolor="#FFFFFF"> <table onmouseover="MM_showHideLayers('p01','','show')" onmouseout="MM_showHideLayers('p01','','hide')" width="165" border="0" cellspacing="0" cellpadding="0"> <tr><td bgcolor="#FFFFFF" height="5"></td></tr> <tr onMouseover="this.style.backgroundColor='#DEF5FF'" onMouseout="this.style.backgroundColor='#FFFFFF'"> <td height="21" width="20" valign="top"><img src="/common/imgs/arrow_show.gif" height=21 width=20 border=0 align=absmiddle></td> <td height="21"><a href="javascript:goMid('0101')" class="menu" onFocus="this.blur()">냉장고</a></td> </tr> <tr onMouseover="this.style.backgroundColor='#DEF5FF'" onMouseout="this.style.backgroundColor='#FFFFFF'"> <td height="21" width="20" valign="top"><img src="/common/imgs/arrow_show.gif" height=21 width=20 border=0 align=absmiddle></td> <td height="21"><a href="javascript:goMid('0102')" class="menu" onFocus="this.blur()">김치냉장고</a></td> </tr> <tr><td bgcolor="#FFFFFF" height="5"></td></tr> </table> </td></tr> </table> </div> <div id="p02" style="position:absolute; Z-INDEX: 10; FILTER: alpha(opacity=90); WIDTH: 165px; POSITION: absolute; TOP: 20px; HEIGHT: 500px; visibility: hidden; left: 140px;"> <table width="165" border="0" cellspacing="1" cellpadding="0" bgcolor="#E2E2E2"> <tr><td bgcolor="#FFFFFF"> <table onmouseover="MM_showHideLayers('p02','','show')" onmouseout="MM_showHideLayers('p02','','hide')" width="165" border="0" cellspacing="0" cellpadding="0"> <tr><td bgcolor="#FFFFFF" height="5"></td></tr> <tr onMouseover="this.style.backgroundColor='#DEF5FF'" onMouseout="this.style.backgroundColor='#FFFFFF'"> <td height="21" width="20" valign="top"><img src="/common/imgs/arrow_show.gif" height=21 width=20 border=0 align=absmiddle></td> <td height="21"><a href="javascript:goMid('0201')" class="menu" onFocus="this.blur()">영상가전 · DVD</a></td> </tr> <tr onMouseover="this.style.backgroundColor='#DEF5FF'" onMouseout="this.style.backgroundColor='#FFFFFF'"> <td height="21" width="20" valign="top"><img src="/common/imgs/arrow_show.gif" height=21 width=20 border=0 align=absmiddle></td> <td height="21"><a href="javascript:goMid('0204')" class="menu" onFocus="this.blur()">홈시어터</a></td> </tr> <tr><td bgcolor="#FFFFFF" height="5"></td></tr> </table> </td></tr> </table> </div> <div id="p03" style="position:absolute; Z-INDEX: 10; FILTER: alpha(opacity=90); WIDTH: 165px; POSITION: absolute; TOP: 28px; HEIGHT: 500px; visibility: hidden; left: 140px;"> <table width="165" border="0" cellspacing="1" cellpadding="0" bgcolor="#E2E2E2"> <tr><td bgcolor="#FFFFFF"> <table onmouseover="MM_showHideLayers('p03','','show')" onmouseout="MM_showHideLayers('p03','','hide')" width="165" border="0" cellspacing="0" cellpadding="0"> <tr><td bgcolor="#FFFFFF" height="5"></td></tr> <tr onMouseover="this.style.backgroundColor='#DEF5FF'" onMouseout="this.style.backgroundColor='#FFFFFF'"> <td height="21" width="20" valign="top"><img src="/common/imgs/arrow_show.gif" height=21 width=20 border=0 align=absmiddle></td> <td height="21"><a href="javascript:goMid('0312')" class="menu" onFocus="this.blur()">노트북</a></td> </tr> <tr onMouseover="this.style.backgroundColor='#DEF5FF'" onMouseout="this.style.backgroundColor='#FFFFFF'"> <td height="21" width="20" valign="top"><img src="/common/imgs/arrow_show.gif" height=21 width=20 border=0 align=absmiddle></td> <td height="21"><a href="javascript:goMid('0317')" class="menu" onFocus="this.blur()">PDA / 전자사전</a></td> </tr> <tr onMouseover="this.style.backgroundColor='#DEF5FF'" onMouseout="this.style.backgroundColor='#FFFFFF'"> <td height="21" width="20" valign="top"><img src="/common/imgs/arrow_show.gif" height=21 width=20 border=0 align=absmiddle></td> <td height="21"><a href="javascript:goMid('0313')" class="menu" onFocus="this.blur()">데스크탑 패키지</a></td> </tr> <tr><td bgcolor="#FFFFFF" height="5"></td></tr> </table> </td></tr> </table> </div> <table width="150" border="0" cellspacing="1" cellpadding="0" bgcolor="#E2E2E2"> </tr> <tr> <td onmouseover="MM_showHideLayers('p01','','show');" onmouseout="MM_showHideLayers('p01','','hide');"><a href="http://kbench.com" onfocus="blur()">생활 | 계절가전</a></td> </tr> <tr> <td onmouseover="MM_showHideLayers('p02','','show');" onmouseout="MM_showHideLayers('p02','','hide');"><a href="http://kbench.com" onfocus="blur()">영상 | 음향 | 디카</a></td> </tr> <tr> <td onmouseover="MM_showHideLayers('p03','','show');" onmouseout="MM_showHideLayers('p03','','hide');"><a href="http://kbench.com" onfocus="blur()">컴퓨터 | 통신 | 휴대폰</a></td> </tr> </table> 2004년 02월 11일
<script language="JavaScript">
<!-- function MM_findObj(n, d) { //v4.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && document.getElementById) x=document.getElementById(n); return x; } function MM_showHideLayers() { //v3.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; } obj.visibility=v; } } //--> </script> <p>레이어를 이용한 메뉴 만들기<br></p> <span onMouseOver="MM_showHideLayers('layer1','','hide','layer2','','hide')"><a href="#">CGI 와 JavaScript가 만났을 때=CnJ </a></span><br><br><span onMouseOver="MM_showHideLayers('layer1','','show','layer2','','hide')" style="cursor:hand">주메뉴1</span> <br><br><span onMouseOver="MM_showHideLayers('layer1','','hide','layer2','','show')" style="cursor:hand">주메뉴2</span> <div id="layer1" style="width:100px; height:200px; position:absolute; left:100px; top:85px; z-index:3; visibility:hidden;"> <a href="#">부메뉴</a><br> <a href="#">부메뉴</a> </div> <div id="layer2" style="width:100px; height:200px; position:absolute; left:100px; top:108px; z-index:2; visibility:hidden;"> <a href="#">부메뉴</a><br> <a href="#">부메뉴</a> </div> <p> </p> <p>onMouseOver="MM_showHideLayers('<B>layer1</B>','','show','<B>layer2</B>','','hide')" // layer1을 보여주고, layer2를 감춤<br><br>onMouseOver="MM_showHideLayers('<B>layer1</B>','','hide','<B>layer2</B>','','show')" // layer1을 감추고, layer2를 보여줌</p> <p>레이어를 더 추가하려면 <br>'<B>추가레이어</B>','','show/hide' <br><br>마우스가 올라갔을때 <br>onMouseOver="MM_showHideLayers('<B>layer1</B>','','hide','<B>layer2</B>','','hide','<B>추가레이어3</B>','','show')" <br></p> <P>메뉴또는 설명 부분<br><div id="<B>추가레이어3</B>" style="position:absolute; left:100; top:108; visibility:hidden; width:100; z-index:2"> <BR><B>메뉴들</B><br></div></P><P>layer1 과 layer2 는 레이어의 이름입니다. 계속 추가하실 수 있습니다. 물론, 레이어의 이름은 각각 달라야합니다.</P> <P>left:100; top:85 는 레이어의 좌표값입니다. 왼쪽으로부터 100 (픽셀), 위쪽으로부터 (85 픽셀)<BR>문서 전체, 주메뉴와의 위치 등을 고려해서 적당한 값으로 바꿔주시면 됩니다.<BR></P> <P>width:100 은 레이어의 폭입니다. 100 (픽셀)<BR>부메뉴 안에 들어가는 내용에 따라 적당한 폭으로 바꿔주시면 됩니다.</P> <P>visibility:hidden 레이어 보기-숨기기의 기본값을 '숨김'으로.<BR>그래야 문서가 처음 열렸을 때 부메뉴가 감춰지고, 마우스를 주메뉴 위에 올라갔을 때만 보이게 되겠죠.</P> <P>z-index 는 레이어의 층수입니다. 한 문서 안에 여러개의 레이어가 들어 있고, 레이어가 겹치게 될 수 있습니다. 이 때 레이어의 우선순위를 1층(z-index:1), 2층(z-index:2) ...이런 식으로 정해주는 겁니다. 1층보다는 2층이 위이므로 z-index:2 인 레이어가 z-index:1 인 레이어보다 위에 위치하게 되겠죠.</P> <P>여기서는 세로로 된 주메뉴에 맞춰 부메뉴레이어를 세로형태로 정렬했지만, 가로형태의 메뉴바를 사용한다면 레이어의 위치(left, top 값)를 가로메뉴바에 맞게 바꾸면 됩니다</P> <!-- Script Size : 2.791 Bytes --> 2004년 02월 02일
요즘이 빙어낚시 철이라는 소리에 빙어낚시를 함가봤습니다..
주말인데 그다지 차가 막히지 않는군요 가뿐하게 도착했습니다. 춘천호에 사람정말 많습니다.... ![]() 자리 잡고 낚시드리우고 커피나한잔할까하고 있는 여친입니다. ![]() ![]() 사람들이 썰매타고 뛰다니고 해서 낚시포기 놀고있습니다...ㅋㅋㅋㅋ ![]() ![]() 집에 가다 다리밑에서 잡은 빙어 한마리 이날잡은 빙어의 전부입니다...ㅜㅜ ![]() 이거는 옆의 아저씨가 3시간동안잡은 빙어입니다....저하고 무지 차이가....쩝 ![]() 아저씨 정말 무섭습니다 이 아저씨 선수입니다...한번에 두마리 .. ㅡㅡ ![]() ![]() 많이잡으신 아저씨 빙어를 소주 한병사드리고 얻어먹고있습니다... ![]() 먹어보라고 권해서 먹고있는여친입니다.....첨에 안먹는다고 했습니다. 사실은 저도 안먹을려했는데....ㅋㅋㅋ 가서 빙어를 잡았다기 보다는 강위의 얼음위에서 놀다 왔다고 하는편이 암튼 잼있고 좋은추억 이었습니다..... |
ABOUT
카테고리
이글루링크
최근 등록된 덧글
와! 정말 고마워요~!
이거 찾느라 한참..
by N.com at 03/12 왓... 여자친구 분이랑 여행도 가시고.. by 에세데 at 02/05 공개했잖아용 by sf2000 at 02/02 공개하라에 백만표 원츄 ! by 소금별 at 02/02 공개할수없다 by sf2000 at 02/02 오옷 역광에는 플래시를. 제대로된 형수.. by 이해준 at 02/02 너무 한가한거 아녀요? by 바오밥 at 08/21 sf2000님~ 축하드려요. 그런데, 그래.. by 바오밥 at 08/18 오 남수림 옆의 사진은 어찌 처리하신 .. by 은아남편 at 08/18 생일 추카합니당~ 생일 추카합니당~ .. by 해피엔딩 at 08/18 |