상단메뉴..공개된 소스 있을까요? 정보
상단메뉴..공개된 소스 있을까요?
본문
링크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

감사 드립니다.^^