Bible Garden
우러러 당신의 하늘을 바라봅니다
인간이 무엇이기에 이토록 기억해 주십니까?
사람이 무엇이기에 이토록 돌보아 주십니까?
로그인 회원등록 비번분실
 computer
컴퓨터 관련 		컴퓨터를 만진지는 오래되었지만 혼자 인터넷을 뒤져가며 배운 것들이라
체계적이지 못할 때가 많습니다. 그래도 내 손으로 네번째 홈페이지를 만들며
필요한 것들을 정리해 둘 필요를 느껴서 분류하여 올려 봅니다.
[re] 펼침메뉴 만들기3    (홈피관리)      
    2005-04-05 (화) 06:44   조회:1375    
<HTML>
<HEAD>
<p><center><font color="navy"><b>▶ </b></font>
<a href="http://korea.internet.com/channel/list.asp?cid=189&zid=12"><font color="navy"><b>코리아인터넷닷컴 자바스크립트 소스/예제 모음</b></font></a></center><p>

<STYLE>
BODY, DIV, TD, LAYER { font-size:10pt; font-family:arial; }
A:link, A:visited { color:#0000FF; text-decoration:none; }
A:hover, A:active { color:#0000FF; text-decoration:none; }
</STYLE>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
No3 = (parseInt(navigator.appVersion) > 3) ? 1:0;
layer = (document.all && No3) ? "document.all['L'+menu].style" : (document.layers && No3) ? "document.layers['L'+menu]" : 0;
var timer;

function Show() { if(layer) {
        if(timer) clearTimeout(timer);
        for(menu=0; menu<Layer.length; menu++) { if(Layer[menu]) { eval(layer).visibility = "hidden"; } }
        for(i=0; i<arguments.length; i++) { menu=arguments[i]; eval(layer).visibility = "visible"; }
} }
function Hide() { timer = setTimeout("Show()", 500); }
//-->
</SCRIPT>

</HEAD>

<BODY BGCOLOR="#FFFFFF">

<BR>
<SPAN ID="menubar" STYLE="position:relative; visibility:hidden;">
<TABLE WIDTH=200 BGCOLOR="#efefef" BORDER=0 CELLPADDING=3 CELLSPACING=0><TR>
<TD><A HREF="http://korea.internet.com/" onMouseOver="Show(1)" onMouseOut="Hide(1)">메뉴1</A></TD>
<TD><A HREF="http://korea.internet.com/" onMouseOver="Show(2)" onMouseOut="Hide(2)">메뉴2</A></TD>
<TD><A HREF="http://korea.internet.com/" onMouseOver="Show(3)" onMouseOut="Hide(3)">메뉴3</A></TD>
</TR></TABLE>
</SPAN>

<SCRIPT LANGUAGE="JavaScript">
<!--

//////////////////////////////////////////////////////

        hovercolor   = "#BBBBBB";        // color name/code
        bgcolor      = "#efefef";        // color name/code
        background   = "";                        // picture url
        
        menu_border  = 1;                        // IE only
        border_color = "#000000";        // IE only
        
        arrow_pic    = "http://korea.internet.com/images/navtab.gif"; // url of arrow picture for submenus

//////////////////////////////////////////////////////


if(document.all) { if(!background) { background=bgcolor; } else { background = "url("+background+")"; } }

function LayerSpecs(Left,Top,Width) { if(No3) {
        if(document.all) { Top+=7; Left+=2; Width-=6; }
        this.left  = Left;
        this.top   = Top;
        this.info  = "";
        T=0;
        for(i=3; i<arguments.length; i++) {
                if(document.all) { this.info += "<TR><TD WIDTH="+Width+" onMouseOver='this.bgColor=\""+hovercolor+"\"' onMouseOut='this.bgColor=\"\"'>"+arguments[i]+"</TD></TR>"; }
                else { this.info += "<LAYER onMouseOver='this.bgColor=\""+hovercolor+"\"' onMouseOut='this.bgColor=\""+bgcolor+"\"' WIDTH="+Width+" POSITION=RELATIVE TOP="+T+"> "+arguments[i]+"</LAYER>"; }
                T+=20;
        }
} }

Layer = new Array();
arrow = "<IMG SRC='"+arrow_pic+"' WIDTH=6 HEIGHT=8 BORDER=0 ALT=''>";


//////////////////////////////////////////////

/*        Create Your layers below by typing:
         Layer[incrementing number] = new LayerSpecs(Left Position, Top Position, Width, List of Links Seperated by Commas)
         If a layer has a sublayer, add onMouseOver="Show(Layer Number to Open, Current Layer, Any Layers Opened before the current layer (seperated by commas)
*/

Layer[1] =        new LayerSpecs(8,85,120,
                        '<A HREF="http://korea.internet.com/" onMouseOver="Show(4,1)">레이어 1</A> '+arrow,
                        '<A HREF="http://korea.internet.com/" onMouseOver="Show(1)">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/" onMouseOver="Show(1)">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/" onMouseOver="Show(1)">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/" onMouseOver="Show(1)">코리아인터넷닷컴</A> '
);

Layer[2] =        new LayerSpecs(74,85,120,
                        '<A HREF="http://korea.internet.com/" onMouseOver="Show(6,2)">레이어 2</A> '+arrow,
                        '<A HREF="http://korea.internet.com/" onMouseOver="Show(2)">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/" onMouseOver="Show(7,2)">코리아인터넷닷컴</A> '+arrow,
                        '<A HREF="http://korea.internet.com/" onMouseOver="Show(8,2)">코리아인터넷닷컴</A> '+arrow,
                        '<A HREF="http://korea.internet.com/" onMouseOver="Show(2)">코리아인터넷닷컴</A> '
);

Layer[3] =        new LayerSpecs(141,85,120,
                        '<A HREF="http://korea.internet.com/">레이어 3</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> '
);

Layer[4] =        new LayerSpecs(119,85,120,
                        '<A HREF="http://korea.internet.com/" onMouseOver="Show(4,1)">레이어 4</A> ',
                        '<A HREF="http://korea.internet.com/" onMouseOver="Show(4,1)">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/" onMouseOver="Show(4,1)">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/" onMouseOver="Show(5,4,1)">코리아인터넷닷컴</A> '+arrow,
                        '<A HREF="http://korea.internet.com/" onMouseOver="Show(4,1)">코리아인터넷닷컴</A> '
);

Layer[5] =        new LayerSpecs(230,85,120,
                        '<A HREF="http://korea.internet.com/">레이어 5</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> '
);

Layer[6] =        new LayerSpecs(185,85,120,
                        '<A HREF="http://korea.internet.com/">레이어 6</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> '
);

Layer[7] =        new LayerSpecs(185,85,120,
                        '<A HREF="http://korea.internet.com/">레이어 7</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> '
);

Layer[8] =        new LayerSpecs(185,85,120,
                        '<A HREF="http://korea.internet.com/">레이어 8</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> ',
                        '<A HREF="http://korea.internet.com/">코리아인터넷닷컴</A> '
);


////////////////////////////////////////////////////////////////

j = (Layer[0]) ? 0:1;

for(i=j; i<Layer.length; i++) {
        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>"); }
        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>"); }
}

if(document.all) { document.all["menubar"].style.visibility = "visible"; }
else if(document.layers) { document.layers["menubar"].visibility = "visible"; }

// -->
</SCRIPT>


<BR><BR><BR>

<H2><FONT FACE="Arial">향상된 메뉴 시스템</FONT></H2>

<UL>
<LI>서브 메뉴를 끊임 없이 만들 수 있다.
<LI>IE5 및 Netscape 5 이상에서 모두 동작한다.
<LI>hovercolor, background color, background image 조정 가능
<LI>IE 5에서 메뉴 경계 및 경계선 조정 가능
</UL>

</BODY>
</HTML>
   
  0
3500