[html]풀다운 메뉴 / 자바스크립 풀다운 메뉴

<script type="text/javascript">

$(document).ready(function () {

        $('.mom').hover(

                function () {

                        //show its submenu

                         $('.sub', this).show();

                },

                function () {

                        //hide its submenu

                        $('.sub', this).hide();

                }

        );

});

</script>

<style type="text/css">

<!--

.mom {

float:right;

vertical-align:middle;

}

.sub{

        position:absolute;

        display:none;

padding:0px;

margin:0px;

color:gray;

z-index:10;

background: url('img/main/bg.png');

}

//-->

</style>

<div class="mom">

<table height="60">

<tr>

<td width="150"><b>Home</b></td>

<td width="150"><b>그룹소개</b></td>

<td width="150" ><b>사업영역</b></a></td>

<td width="150"><b>파트너기술정보</b></td>

</tr>

</table>

<div class="sub">

<table>

<tr>

<td width="150"></td>

<td width="150" valign="top">

<b>인사말<br /></b>

<b>협업사현황<br /></b>

<b>위치<br /></b>

</td>

<td width="150"><b>플랜트사업부</b>

<ul>

<li>육상</li>

<li>해상</li>

<li>환경</li>

</ul>

</td>

<td width="150" valign="top">

<b>의료분야</b><br />

<b>IT분야</b><br />

</td>

</tr>

<td width="150"></td>

<td width="150"></td>

<td width="150"><b>무역사업부</b>

<ul>

<li>중앙아시아(CSI)</li>

<li>중국</li>

<li>동남아시아</li>

<li>기타</li>

</ul>

</td>

<td width="150"></td>

</tr>

</table>

</div>

</div>

<!-- //menu -->