|
|
 |
클라우드태그
Javascript PHP ASP css html mysql jquery image API Mobile 메뉴 slide 게시판
|
 |
 |
| 현재접속자 명 |
 |
|
|
|
|
|
|
 |
레이어 메뉴 |
|
|
|
|
 |
소스분류 |
메뉴 관련 |
|
|
다운로드 횟수 |
1411 회 |
|
|
|
간단설명 |
레이어를 이용한 마우스오버 메뉴. |
|
|
|
|
|
|
|
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><br />
<!--<br />
No3 = (parseInt(navigator.appVersion) > 3) ? 1:0;<br />
layer = (document.all && No3) ? "document.all[``L``+menu].style" : (document.layers && No3) ? "document.layers[``L``+menu]" : 0;<br />
var timer;<br />
<br />
function Show() { if(layer) {<br />
if(timer) clearTimeout(timer);<br />
for(menu=0; menu<Layer.length; menu++) { if(Layer[menu]) { eval(layer).visibility = "hidden"; } }<br />
for(i=0; i<arguments.length; i++) { menu=arguments[i]; eval(layer).visibility = "visible"; }<br />
} }<br />
function Hide() { timer = setTimeout("Show()", 500); }<br />
//--><br />
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript"><br />
<!-- <br />
hovercolor = "#BBBBBB"; // 마우스 오버시 색상<br />
bgcolor = "#DDDDDD"; // 배경색상<br />
background = ""; // 배경이미지<br />
<br />
menu_border = 1; // 메뉴 테두리(IE only)<br />
border_color = "#000000"; // 테두리 색상(IE only)<br />
<br />
arrow_pic = "script740849_0_2.gif"; // 서브메뉴의 화살표 이미지<br />
<br />
if(document.all) { if(!background) { background=bgcolor; } else { background = "url("+background+")"; } }<br />
<br />
function LayerSpecs(Left,Top,Width) { if(No3) {<br />
if(document.all) { Top+=7; Left+=2; Width-=6; }<br />
this.left = Left;<br />
this.top = Top;<br />
this.info = "";<br />
T=0;<br />
for(i=3; i<arguments.length; i++) {<br />
if(document.all) { this.info += "<TR><TD WIDTH="+Width+" onMouseOver=``this.bgColor=""+hovercolor+""`` onMouseOut=``this.bgColor=""``>"+arguments[i]+"</TD></TR>"; }<br />
else { this.info += "<LAYER onMouseOver=``this.bgColor=""+hovercolor+""`` onMouseOut=``this.bgColor=""+bgcolor+""`` WIDTH="+Width+" POSITION=RELATIVE TOP="+T+"> "+arguments[i]+"</LAYER>"; }<br />
T+=20;<br />
}<br />
} }<br />
<br />
Layer = new Array();<br />
arrow = "<IMG SRC=``"+arrow_pic+"`` WIDTH=6 HEIGHT=10 BORDER=0 ALT=````>";<br />
<br />
<br />
// Layer[번호] = new LayerSpecs(왼쪽위치, 위쪽위치, 가로, URL)<br />
// 서브 레이어를 가진다면 onMouseOver="Show(열 레이어번호, 현재레이어, 현 레이어 이전에 열렸던 레이어) 추가<br />
<br />
<br />
Layer[1] = new LayerSpecs(8,47,110,<br />
``<A HREF="http://www.javascript.co.kr" onMouseOver="Show(4,1)">Layer 1</A> ``+arrow,<br />
``<A HREF="http://www.javascript.co.kr" onMouseOver="Show(1)">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr" onMouseOver="Show(1)">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr" onMouseOver="Show(1)">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr" onMouseOver="Show(1)">javascript.co.kr</A> ``<br />
);<br />
<br />
Layer[2] = new LayerSpecs(74,47,110,<br />
``<A HREF="http://www.javascript.co.kr" onMouseOver="Show(6,2)">Layer 2</A> ``+arrow,<br />
``<A HREF="http://www.javascript.co.kr" onMouseOver="Show(2)">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr" onMouseOver="Show(7,2)">javascript.co.kr</A> ``+arrow,<br />
``<A HREF="http://www.javascript.co.kr" onMouseOver="Show(8,2)">javascript.co.kr</A> ``+arrow,<br />
``<A HREF="http://www.javascript.co.kr" onMouseOver="Show(2)">javascript.co.kr</A> ``<br />
);<br />
<br />
Layer[3] = new LayerSpecs(141,47,110,<br />
``<A HREF="http://www.javascript.co.kr">Layer 3</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``<br />
);<br />
<br />
Layer[4] = new LayerSpecs(119,47,110,<br />
``<A HREF="http://www.javascript.co.kr" onMouseOver="Show(4,1)">Layer 4</A> ``,<br />
``<A HREF="http://www.javascript.co.kr" onMouseOver="Show(4,1)">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr" onMouseOver="Show(4,1)">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr" onMouseOver="Show(5,4,1)">javascript.co.kr</A> ``+arrow,<br />
``<A HREF="http://www.javascript.co.kr" onMouseOver="Show(4,1)">javascript.co.kr</A> ``<br />
);<br />
<br />
Layer[5] = new LayerSpecs(230,47,110,<br />
``<A HREF="http://www.javascript.co.kr">Layer 5</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``<br />
);<br />
<br />
Layer[6] = new LayerSpecs(185,47,110,<br />
``<A HREF="http://www.javascript.co.kr">Layer 6</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``<br />
);<br />
<br />
Layer[7] = new LayerSpecs(185,47,110,<br />
``<A HREF="http://www.javascript.co.kr">Layer 7</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``<br />
);<br />
<br />
Layer[8] = new LayerSpecs(185,47,110,<br />
``<A HREF="http://www.javascript.co.kr">Layer 8</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``,<br />
``<A HREF="http://www.javascript.co.kr">javascript.co.kr</A> ``<br />
);<br />
<br />
<br />
j = (Layer[0]) ? 0:1;<br />
<br />
for(i=j; i<Layer.length; i++) {<br />
if(document.all && No3) { document.write("<SPAN onMouseOver=``clearTimeout(timer)`` onMouseOut=``Hide("+i+")`` ID=``L"+i+"`` STYLE=``position:absolute; visibility:hidden; background:"+background+"; top:"+Layer[i].top+"; left:"+Layer[i].left+";``><TABLE STYLE=``border:solid "+menu_border+" "+border_color+"``>"+Layer[i].info+"</TABLE></SPAN>"); }<br />
else if(document.layers && No3) { document.write("<LAYER onMouseOver=``clearTimeout(timer)`` onMouseOut=``Hide("+i+")`` ID=``L"+i+"`` POSITION=ABSOLUTE VISIBILITY=HIDDEN BGCOLOR=``"+bgcolor+"`` BACKGROUND=``"+background+"`` TOP="+Layer[i].top+" LEFT="+Layer[i].left+">"+Layer[i].info+"</LAYER>"); }<br />
}<br />
<br />
if(document.all) { document.all["menubar"].style.visibility = "visible"; }<br />
else if(document.layers) { document.layers["menubar"].visibility = "visible"; }<br />
// --><br />
</SCRIPT>
|
|
|
| 네티즌 의견 이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.) |
|
