상태 | 완료 |
---|
안녕하세요..
날씨가 점점 더 무더워지네요..
여름 지나기전에 모두 즐거운 여름나기 되시길 바래요..
사이트 하나 만들기가 왜이리 힘든지,
여태 제대로 올린게 하나도 없네요..
이번에 꼭 다 만들어서 올려봐야겠어요..
다름이 아니오라,
제가 메인메뉴에 2차메뉴를 붙여보았습니다.
IE(익스플로러)에서는 잘작동하는데
firefox에서는 작동을 하지 않네요..
혹시 이유를 아시면 설명 부탁드립니다.
#SecondMenu { position:absolute; top:120px; left:0px; overflow:hidden; z-index:5; }
#SecondMenu ol { width:100px; padding:0px; margin:0px; background:#ffffff; display:none; }
#SecondMenu ol li { list-style:none; }
#SecondMenu ol li a { padding:0px 0px 0px 0px; color:#000000; text-decoration:none; background:url(bar.png) no-repeat 6px 3px; display:block; }
#SecondMenu ol li a:hover { color:#ffffff; }
<!--@if($main_menu->list)-->
document.getElementById('SecondMenu').style.height=0;
//상단 2차메뉴 위치조정
var start=155;
var padding = 5;
headerSecondMenuLeft= start + (width*n) - (padding*n);
document.getElementById('SecondMenu').style.left=SecondMenuLeft;
//선택된 상단 1차메뉴의 2차메뉴만 나타나게 하는 부분
for(i=0;i<firstMenuLength;i++)
{
document.getElementById('FirstMenuUl').children[i].className="off";
document.getElementById('SecondMenuOl'+(i+1)).style.display="none";
}
document.getElementById('FirstMenuUl').children[n].className="on";
document.getElementById('SecondMenuOl'+n).style.display="block";
secondMenuHeight=document.getElementById('SecondMenuOl'+n).offsetHeight;
document.getElementById('SecondMenu').style.height=secondMenuHeight;
<!--@end-->
기존 소스가 파이오폭스에서 작동을 하지 않아서
getElementById로 모두 바꾸어 뜨랬습니다.
그러나, 여전히 작동을 하지 않네요..
혹시 이 부분에 대해서 아시면 조언이나 답변부탁드립니다.
항상 좋은 답변으로 응해주셔서 다시 한번 감사드립니다.
그럼 즐거운 하루되세요~
xe에서 비슷한 2차 메뉴가 포함되어 배포된 레이아웃이나 위젯 등을 참고해서 보면서 만들어 보십시오.