계속 ㅠㅠ 탑 메뉴
한샘가온
#topmenu_wrap{
width: 100%;
height: 30px;
background: black;
position:relative;
z-index:10;
clear:both;
}
#topmenu {
width:100%;
white-space:nowrap;
text-align:center;
overflow:hidden;
}
#topmenu li{
width:6.25%;
float:left;
text-align:center;
vertical-align: middle;
display:block;
line-height:30px;
margin-right:50px;
margin-left:20px;
}
#topmenu li a{
white-space:nowrap;
color:#b3b3b3;
font-weight:bold;
display:block;
}
.submenu{
height: 0px;
overflow:hidden;
transition: height .2s;
-wedkit-transition: height .2s;
-mox-transition: height .2s;
-o-transition: height .2s;
}
.submenu01{
height: 0px;
overflow:hidden;
transition: height .2s;
-wedkit-transition: height .2s;
-mox-transition: height .2s;
-o-transition: height .2s;
}
.submenu02{
height: 0px;
overflow:hidden;
transition: height .2s;
-wedkit-transition: height .2s;
-mox-transition: height .2s;
-o-transition: height .2s;
}
.submenu03{
height: 0px;
overflow:hidden;
transition: height .2s;
-wedkit-transition: height .2s;
-mox-transition: height .2s;
-o-transition: height .2s;
}
#topmenu li a ul li a:hover{
color:red;
text-decoration:none;
}
#topmenu:hover .submenu{
height:300px;
}
#topmenu:hover .submenu01{
height:150px;
}
#topmenu:hover .submenu02{
height:150px;
}
#topmenu:hover .submenu03{
height:150px;
}
css-------------------------------------------------
h2/h2
div id=topmenu_wrap style=border:1px solid red;
ul id=topmenu style=border:1px solid red;
li class=topmenulk style=border:1px solid red; width:150px; a href=#noneProducts/a
ul class=submenu style=border:1px solid red;
lia class=submenulk href=#;SP-2100(1D) CCD/a/li
lia class=submenulk href=#;SP-2100(1D) Laser/a/li
lia class=submenulk href=#;SP-2100(2D) Imager /a/li
lia class=submenulk href=#;SP-2100(2D) High Density/a/li
lia class=submenulk href=#;SP-2100(2D) Honeywell/a/li
lia class=submenulk href=#;SP-2100(2D) Motorola /a/li
lia class=submenulk href=#;Accessories /a/li
lia class=submenulk href=#;DC5V Adaptor/a/li
lia class=submenulk href=#;Mini USB Cable/a/li
lia class=submenulk href=#;Lanyard/a/li
lia class=submenulk href=#;Cigar Jack/a/li
lia class=submenulk href=#;Rubber case/a/li
/ul
/li
li class=topmenulk style=border:1px solid red; width:150px;a href=#noneSolutions/a
ul class=submenu01 style=border:1px solid red;
lia class=submenulk href=#;Logistics/a/li
lia class=submenulk href=#;Retail/a/li
lia class=submenulk href=#;Warehouse/a/li
lia class=submenulk href=#;Field services/a/li
lia class=submenulk href=#;Hospitality /a/li
/ul
/li
li class=topmenulk style=border:1px solid red; width:150px;a href=#noneSupports/a
ul class=submenu02 style=border:1px solid red;
lia class=submenulk href=#;Brochures/a/li
lia class=submenulk href=#;Reference manual/a/li
lia class=submenulk href=#;SDK/a/li
lia class=submenulk href=#;DRIVER/a/li
lia class=submenulk href=#;APPLICATIONS/a/li
/ul
/li
li class=topmenulk style=border:1px solid red; width:150px;a href=#noneABOUT UNIONNET/a
ul class=submenu03style=border:1px solid red;
lia class=submenulk href=#;INTRODUCTION/a/li
lia class=submenulk href=#;PARTNERS/a/li
lia class=submenulk href=#;CONTACT/a/li
/ul
/li
/ul
/div!--//gnb--
-------------------------------------
위에를 실행하면 이렇게 나옵니다... 저는 한 탑메뉴를선택하면 그 해당 서브메뉴가 나오게 하고픈데 ㅠㅠ 게속 ㅠㅠㅠ 혹시 아시나요?? 헬프 ㅠㅠ 부탁드립니다~
