묻고답하기
가로 서브메뉴를 세로서브메뉴로 바꿀려고 하는데...
2011.11.28 20:50
어딜 수정해야 할지 모르겠네요...
js? 메뉴.html? css?
어딘지만 알면 이것저것 시도하면서 수정해볼텐데...
답변좀 부탁드릴께요...
소스추가합니다.
.js
function menu(idx){
jQuery('subMenu', this).slideDown(150);
for (i=1;i<=menuLen;i++){
eval("document.getElementById('subMenu_"+i+"').style.display='none'");
}
eval("document.getElementById('subMenu_"+ idx +"').style.display='block'");
document.getElementById('topMenu'+idx).className = "on";
var obj = document.getElementById('topMenu'+idx).childNodes.item(0).childNodes(0);
}
function menu2(idx){
for (i=10;i<=menuLen;i++){
eval("document.getElementById('subMenu_"+i+"').style.display='none'");
}
eval("document.getElementById('subMenu_"+ idx +"').style.display='none'");
document.getElementById('topMenu'+idx).className = "";
var obj = document.getElementById('topMenu'+ idx).childNodes.item(0).childNodes(0);
}
.css
#subMenu_1 {margin-left:100px;}
#subMenu_2 {margin-left:180px; }
#subMenu_3 {margin-left:370px;}
#subMenu_4 {margin-left:500px;}
#subMenu_5 {margin-left:620px;}
.subMenu{ z-index:1002; position:absolute; top:237px; height:50px; padding-top:7px;}
.subMenu a:link,
.subMenu a:visited { color: #cccccc; text-decoration: none; margin:0 8px;}
.subMenu a:active,
.subMenu a:hover { color: #7dab20; text-decoration: none; margin:0 8px;}