마우스 올리면 나오는 부메뉴 만들고 있는 중인데요.

도저히 직접 만들지는 못 하겠고..-ㅅ-;;

검색해 보면 만든 사람마다 소스가 다 다르더군요.

어떤 소스로 변형하고 변형해서 색깔/메뉴/위치 다 만들었는데..

1가지..

만들어져있는게 세로인데..

가로로 바꾸고 싶은데 어느 부분인지 도무지 모르겠네요..-ㅅ-;;;;

jongmin07.n4.cc 여기에 있구요.소스는..

홈피에 있는 부분에서 메뉴부분만 따온 것입니다. (더 필요한가요..??별 볼일 없는 소스지만 부끄러워서..^^;;)

부메뉴만 해결된다면 드디어 완성에 가까이..-0-

비와서 날씨가 선선해 지니 좋네요.^^ 더위 조심하세요~!


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

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

        hovercolor   = "#003700";        // color name/code
        bgcolor      = "#003700";        // color name/code
        background   = "";                        // picture url
        
        menu_border  = 1;                        // IE only
        border_color = "#003700";        // IE only
        
        arrow_pic    = "#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=''>";


Layer[1] =        new LayerSpecs(12,62,90,  // 10(가로위치),70(세로위치),90 (가로크기)
                        '<A HREF="#" onMouseOver="Show(1)">Notice</A>',
                        '<A HREF="#" onMouseOver="Show(1)">About</A>',
                        '<A HREF="#" onMouseOver="Show(1)">Profile</A>'+ '+ '
);

Layer[2] =        new LayerSpecs(12,62,90,
                        '<A HREF="#" onMouseOver="Show(2)">Free</A>',
                        '<A HREF="#" onMouseOver="Show(2)">Memory</A>',
                        '<A HREF="#" onMouseOver="Show(2)">Habit</A>',
                        '<A HREF="#" onMouseOver="Show(2)">Computer</A>'
);

Layer[3] =        new LayerSpecs(12,62,90,
                        '<A HREF="#" onMouseOver="Show(3)">Free</A>',
                        '<A HREF="#" onMouseOver="Show(3)">Movie</A>',
                        '<A HREF="#" onMouseOver="Show(3)">Cartoon</A>'+ ',
                        '<A HREF="#" onMouseOver="Show(3)">Book</A>'

);

Layer[4] =        new LayerSpecs(12,62,90,
                        '<A HREF="#" onMouseOver="Show(4)">My</A>',
                        '<A HREF="#" onMouseOver="Show(4)">Free</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>