2004년 02월 11일
레이어를이용한메뉴2 (레이어를 이용해서 좀더 멋있습니다)
<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>
by sf2000 | 2004/02/11 18:32 | JavaScript | 트랙백 | 덧글(1)
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 -->
by sf2000 | 2004/02/11 17:58 | JavaScript | 트랙백 | 덧글(0)
2004년 02월 02일
춘천호 빙어낚시
요즘이 빙어낚시 철이라는 소리에 빙어낚시를 함가봤습니다..
주말인데 그다지 차가 막히지 않는군요 가뿐하게 도착했습니다.
춘천호에 사람정말 많습니다....


자리 잡고 낚시드리우고 커피나한잔할까하고 있는 여친입니다.




사람들이 썰매타고 뛰다니고 해서 낚시포기 놀고있습니다...ㅋㅋㅋㅋ




집에 가다 다리밑에서 잡은 빙어 한마리 이날잡은 빙어의 전부입니다...ㅜㅜ


이거는 옆의 아저씨가 3시간동안잡은 빙어입니다....저하고 무지 차이가....쩝


아저씨 정말 무섭습니다 이 아저씨 선수입니다...한번에 두마리 .. ㅡㅡ




많이잡으신 아저씨 빙어를 소주 한병사드리고 얻어먹고있습니다...


먹어보라고 권해서 먹고있는여친입니다.....첨에 안먹는다고 했습니다.
사실은 저도 안먹을려했는데....ㅋㅋㅋ

가서 빙어를 잡았다기 보다는 강위의 얼음위에서 놀다 왔다고 하는편이
암튼 잼있고 좋은추억 이었습니다.....



by sf2000 | 2004/02/02 11:19 | 이소리저소리 | 덧글(5)
2003년 08월 18일
생일인데....ㅜㅜ
오늘 생일인데 누구랑뭐하나...쩝
by sf2000 | 2003/08/18 04:45 | 이소리저소리 | 트랙백 | 덧글(5)


<< 이전 페이지 | 다음 페이지 >>