상단메뉴..공개된 소스 있을까요? 정보
상단메뉴..공개된 소스 있을까요?
관련링크
본문
링크1을 보면..
상단메뉴가.. 큰 메뉴를 클릭하면 링크는 안잡혀있고..
하위메뉴들이 링크가 잡혀있는데..
하위메뉴를 클릭하면 해당 게시판으로 가고 하위 메뉴는 그대로 활성화가 되는데..
다른 메뉴를 가도 똑같이 해당 하위메뉴가 활성화가 되어있는데..
혹시 이런 소스 있을까요?
상단메뉴가.. 큰 메뉴를 클릭하면 링크는 안잡혀있고..
하위메뉴들이 링크가 잡혀있는데..
하위메뉴를 클릭하면 해당 게시판으로 가고 하위 메뉴는 그대로 활성화가 되는데..
다른 메뉴를 가도 똑같이 해당 하위메뉴가 활성화가 되어있는데..
혹시 이런 소스 있을까요?
추천
2
2
댓글 8개


음.. 별루 어렵지 않습니다. 만약 그누보드라면 그룹아이디를 이용하면 됩니다.
서브는 div 테그 이름을 그룹명과 똑같이 만들고 해당 레이어만 block 시키면 됩니다.
메인 메뉴는 약간 다릅니다만 자바스크립트 롤오버와 php if문 몇개로 만드실 수 있습니다.
약간 다른 방식이지만 자바스크립트 소스는
http://www.maeripinside.com/ 에서 보실 수 있습니다. 제가 직접만든거라 좀 허접합니다.
아래 소스를 참조하시면 도움이 될듯 합니다.
function show_sub(i) {
var obj1=document.getElementById("menu1");
var obj2=document.getElementById("menu2");
var obj3=document.getElementById("menu3");
var obj4=document.getElementById("menu4");
var obj5=document.getElementById("menu5");
var obj6=document.getElementById("menu6");
var obj7=document.getElementById("menu7");
obj1.style.display='none';
obj2.style.display='none';
obj3.style.display='none';
obj4.style.display='none';
obj5.style.display='none';
obj6.style.display='none';
obj7.style.display='none';
var obj=document.getElementById("menu"+i);
obj.style.display='block';
}
</script>
서브는 div 테그 이름을 그룹명과 똑같이 만들고 해당 레이어만 block 시키면 됩니다.
메인 메뉴는 약간 다릅니다만 자바스크립트 롤오버와 php if문 몇개로 만드실 수 있습니다.
약간 다른 방식이지만 자바스크립트 소스는
http://www.maeripinside.com/ 에서 보실 수 있습니다. 제가 직접만든거라 좀 허접합니다.
아래 소스를 참조하시면 도움이 될듯 합니다.
function show_sub(i) {
var obj1=document.getElementById("menu1");
var obj2=document.getElementById("menu2");
var obj3=document.getElementById("menu3");
var obj4=document.getElementById("menu4");
var obj5=document.getElementById("menu5");
var obj6=document.getElementById("menu6");
var obj7=document.getElementById("menu7");
obj1.style.display='none';
obj2.style.display='none';
obj3.style.display='none';
obj4.style.display='none';
obj5.style.display='none';
obj6.style.display='none';
obj7.style.display='none';
var obj=document.getElementById("menu"+i);
obj.style.display='block';
}
</script>
아래처럼 하는게 오히려 더 심플할 것입니다
var save_before = null;
function show_sub(submenu) {
if(save_before)
document.getElementById(save_before).style.display = "none";
document.getElementById(submenu).style.display = "block";
save_before = submenu;
}
이렇게 하면 일일이 지정할 필요가 없지요 ^^;
var save_before = null;
function show_sub(submenu) {
if(save_before)
document.getElementById(save_before).style.display = "none";
document.getElementById(submenu).style.display = "block";
save_before = submenu;
}
이렇게 하면 일일이 지정할 필요가 없지요 ^^;
소스보니까 자바스크립트랑 <div> 의 display 속성으로 하고 있던데...
저도 살짝 비슷하긴 하지만.. ㅇㅅㅇ;
참고 : http://www.mung.kr/gnu/
소스는 제가 직접 만든걸로 씁니다 ^^
// 서브메뉴 js
var save_layer = null;
function submenu_viewer(menu_id, opt)
{
if (save_layer != null)
save_layer.style.display = "none";
if (opt == 'hide')
{
if (save_layer != null)
save_layer.style.display = "none";
} else {
var menu = document.getElementById(menu_id);
menu.style.display = 'block';
}
save_layer = menu;
}
저도 살짝 비슷하긴 하지만.. ㅇㅅㅇ;
참고 : http://www.mung.kr/gnu/
소스는 제가 직접 만든걸로 씁니다 ^^
// 서브메뉴 js
var save_layer = null;
function submenu_viewer(menu_id, opt)
{
if (save_layer != null)
save_layer.style.display = "none";
if (opt == 'hide')
{
if (save_layer != null)
save_layer.style.display = "none";
} else {
var menu = document.getElementById(menu_id);
menu.style.display = 'block';
}
save_layer = menu;
}

CSS로 처리하는 방법도 있긴합니다. ^^

자바 스크립트를 전혀 다룰지 몰라서 스크립트만으론 모르겠다는 ㅠ.ㅠ;; 예제가 필요하다는..
http://sir.co.kr/bbs/board.php?bo_table=tip_javascript&wr_id=184&page=&sca=&sfl=&stx=&sst=&sod=&spt=0
위 링크에 좀 복잡하지만 그래도 나름 설명있게 올려봤습니다 ( __)a
위 링크에 좀 복잡하지만 그래도 나름 설명있게 올려봤습니다 ( __)a

감사 드립니다.^^