<HTML>
<HEAD>
<TITLE> °¡·ÎÇü ³×ºñ°ÔÀÌ¼Ç ¸Þ´º¹Ù </TITLE>
<!--1. ¾Æ·¡ÀÇ ½ºÅ©¸³Æ®¸¦ <HEAD></HEAD>»çÀÌ¿¡ º¹»çÇØ ³ÖÀ¸¼¼¿ä-->
<style type="text/css">
a { font-size:10pt; color: navy; text-decoration: none }
a:hover { color: red; text-decoration: underline }
a.plain:hover { font-size:10pt; color: yellow; text-decoration: underline }
#box {
position:absolute;
visibility:hidden;
layer-background-color:silver }
#limebox {background-color:lime }
#bluebox {background-color:lightsteelblue }
#mnubar {font:10pt arial; font-weight:bold }
</style>
<script language="JavaScript">
<!---Edited by JASKO-->
<!---Web Site :
http://www.javascript.co.kr-->
ns=window.navigator.appName == "Netscape"
ie=window.navigator.appName == "Microsoft Internet Explorer"
function openIt(x) {
// NS ÀÇ °æ¿ì
if(ns) {
showbox= document.layers[x+1]
showbox.visibility = "show";
showbox.top=44;
var items = 5 ; // ¸Þ´ºÀÇ °¹¼ö
for (i=1; i<=items; i++) {
elopen=document.layers[i]
if (i != (x + 1)) {
elopen.visibility = "hide" }
}
}
// IE ÀÏ °æ¿ì
if(ie) {
curEl = event.toElement
curEl.style.background = "yellow" // ¸¶¿ì½º ¿À¹ö½Ã ¹è°æ»ö
showBox = document.all.box[x];
showBox.style.visibility = "visible";
showBox.style.top = 46; // ¼ºê¸Þ´ºÀÇ À§ÂÊ¿©¹é
var items = 5 // ¸Þ´ºÀÇ °¹¼ö
for (i=0; i<items; i++) {
elOpen=document.all.box[i]
barEl=document.all.mnubar[i]
if (i != x){
elOpen.style.visibility = "hidden"
barEl.style.background = "red" // ºñÈ°¼º¸Þ´º ¹è°æ»ö
}
}
}
}
function closeIt() {
var items = 5 // ¸Þ´ºÀÇ °¹¼ö
for (i=0; i<items; i++) {
if(ie){
document.all.box[i].style.visibility = "hidden"
barEl=document.all.mnubar[i]
barEl.style.background = "red"
}
if(ns){ document.layers[i+1].visibility = "hide"}
}
}
</script>
</HEAD>
<!--2. <BODY> ű׳»¿¡ onload="" ȤÀº onunload ºÎºÐÀÌ ÀÖÀ¸¸é º¹»çÇØ ³ÖÀ¸¼¼¿ä-->
<BODY BGCOLOR="#FFFFFF" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
<!--3. <BODY></BODY> ºÎºÐ¿¡ ¾Æ·¡ÀÇ ½ºÅ©¸³Æ®¸¦ º¹»çÇØ ³ÖÀ¸¼¼¿ä-->
<table border="0" cellpadding="0" width="800" bgcolor="red" height="18" id=mainmenu>
<tr>
<td align="center" nowrap valign="middle" colspan="7" bgcolor="#000000" >
<p align="left"><b><font size="3" face="±¼¸²" color="white">¾Æ·¡ ¸Þ´º ³×ºñ°ÔÀ̼ǹٿ¡ ¸¶¿ì½º¸¦ ´ë¾î º¸¼¼¿ä</font></b></td>
</tr>
<tr>
<td align="center" ><a href='
http://www.jasko.co.kr' onmouseover="closeIt()" class=plain>Home</a></td>
<td align="center" nowrap >
<a href="#" onmouseover="openIt(0)" id=mnubar>Menu 1</a><br></td>
<td align="center" nowrap >
<a href="#" onmouseover="openIt(1)" id=mnubar>Menu 2</a><br></td>
<td align="center" nowrap >
<a href="#" onmouseover="openIt(2)" id=mnubar>Menu 3</a><br></td>
<td align="center" nowrap >
<a href="#" onmouseover="openIt(3)" id=mnubar>Menu 4</a><br></td>
<td align="center" nowrap >
<a href="#" onmouseover="openIt(4)" id=mnubar>Menu 5</a><br></td>
<td align="center" width="30" nowrap valign="top"> </td>
</tr>
</table>
<br><br>
<!-- ¼ºê¸Þ´º 1 -->
<div id=box style=left:120> <!--¿ÞÂÊ¿¡¼ 120Çȼ¿-->
<table border="0" id=bluebox >
<tr><td><a href='#' >SUB-1-1</a></td>
<td><a href='
http://www.jasko.co.kr'>SUB-1-2</a></td></tr>
</table>
</div>
<!-- ¼ºê¸Þ´º 2 -->
<div id=box style=left:200>
<table border="0" id=limebox> <tr>
<td><a href='
http://www.jasko.co.kr'>SUB-2-1</a></td>
<td><a href='somepage.htm' >SUB-2-2</a></td>
<td><a href='somepage.htm' >SUB-2-3</a></td></tr>
</table>
</div>
<!-- ¼ºê¸Þ´º 3 -->
<div id=box style=left:240>
<table border="0" id=bluebox>
<tr><td><a href='somepage.htm' >SUB-3-1</a></td>
<td><a href='somepage.htm' >SUB-3-2</a></td>
<td><a href='somepage.htm' >SUB-3-3</a></td>
<td><a href='somepage.htm' >SUB-3-4</a></td>
<td><a href='somepage.htm' >SUB-3-5</a></td></tr>
</table>
</div>
<!-- ¼ºê¸Þ´º 4 -->
<div id=box style=left:400>
<table border="0" id=limebox>
<tr><td><a href='somepage.htm' >SUB-4-1</a></td>
<td><a href='somepage.htm' >SUB-4-2</a></td>
<td><a href='somepage.htm' >SUB-4-3</a></td>
<td><a href='somepage.htm' >SUB-4-4</a></td></tr>
</table>
</div>
<!-- ¼ºê¸Þ´º 5 -->
<div id=box style=left:520>
<table border="0" id=bluebox>
<tr><td><a href='somepage.htm' >SUB-5-1</a></td>
<td><a href='somepage.htm' >SUB-5-2</a></td>
<td><a href='somepage.htm' >SUB-5-3</a></td></tr>
</table>
</div>
</BODY>
</HTML>