자바스크립트 무한 멀티 메뉴
링크에 설명 되어 있습니다.
오류 있으면 바로 코멘트 남겨주세요.
다운로드시 좋아요 클릭 잊지 마세요.
그누보드 메인에 넣으시면 되구요...
그누보드에서만 처음에 작동합니다.
다른곳에서 사용하시려면 소스 수정 하셔야 합니다.
인코딩은 euc-kr 입니다.
오류 있으면 바로 코멘트 남겨주세요.
다운로드시 좋아요 클릭 잊지 마세요.
그누보드 메인에 넣으시면 되구요...
그누보드에서만 처음에 작동합니다.
다른곳에서 사용하시려면 소스 수정 하셔야 합니다.
인코딩은 euc-kr 입니다.
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
그누4 스킨
5,847건스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다. 스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y 그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.
댓글 17개
잘쓸께요.
감사합니다.
잘~ 사용해보겠습니다.^^*
추천~~쾅여~~^^
htm 파일 내용을 긁어서 다른 곳에 가져가서 상단에 배치하여(제일 위에서 10줄정도 내려서 사용) 사용하니까
메뉴에서 마우스를 내리면 막대기가 메뉴 너무 위쪽까지 올라가고 난 이후에 없어져 버리는 증상이있네요
제가 볼때에는 아랫 부분에서 수정하는것 같은데 어디에서 수정해야하나요??
<style type="text/css">
body { margin:0; padding:0; font-size:13px; font-family:gulim; }
a:link, a:visited, a:active { text-decoration:none; color:#555555; }
a:hover { color:#000000; }
.body { margin:0 auto 0 auto; }
.top { clear:both; display:inline-block; margin-bottom:5px; width:100%; position:relative; z-index:600; }
.top .logo { clear:both; display:inline-block; background-color:#ffffff; position:relative; z-index:250; width:100%; }
.top .menu .left { float:left; }
.top .menu .right { float:right; }
#slide-menu { clear:both; overflow:hidden; background-color:#555555; border-top:2px solid #333333; height:38px; width:100%; position:relative; z-index:200; }
#slide-menu div.back { background-color:#666666; position:absolute; z-index:100; }
#slide-menu a { display:inline-block; color:#ffffff; font-size:13px; line-height:38px; padding:0 8px 0 8px; margin:0 5px 0 5px; position:relative; z-index:150; }
#slide-content { clear:both; height:0; position:absolute; z-index:190; }
#slide-content div { display:inline-block; position:absolute; }
#slide-content .content { }
#slide-content .layer-top { overflow:hidden; }
#slide-content a { display:block; font-size:13px; margin:2px; color:#ffffff; white-space:nowrap; position:relative; z-index:10; }
#slide-content .layer { display:block; }
#slide-content .layer a { padding:4px 25px 4px 10px; }
#slide-content .b-layer a { display:block; text-align:right; padding:4px 10px 4px 25px; }
#slide-content .layer .sub-back { position:absolute; z-index:5; }
</style>
그리고 아직 왕초보여서 그러는데 줄 별 대략적 설명도 가능할까요?? ㅡ.ㅡ;
감사합니다.
(왕초보의 길은 멀고도 험하네요......)
두가지 궁금증이 있어 질문드립니다.
1. 젤마지막 메뉴 반대방향 사용하지 않기?
>> 다 좋은데 필요에따라 젤 마지막 메뉴 신경써서 안쪽으로 디스플레이 하도록 만드신거 같은데
개인적으로 지금 필요한 기능이 아니라서 변경하고자 하는데 어디를 수정해야 하는지요?
2. 메인메뉴 말고 서브 메뉴에 1~2픽셀 단차
>> 대메뉴 밑에 서브메뉴의 서브가 있을경우 아이콘으로 표시되어 알려주는데 서브에 서브메뉴를
들어갈때 1~2픽셀 정도의 단차가 적용이 됩니다. 이것을 적용하지 않으려면 어느부분을 손봐야 하나요?
3단계 4단계만 되도 마치 오류가 난거 같이 보여서 수정하고 싶습니다.
답변기다리겠습니다
좋은소스 다시한번 감사드립니다.
근데 한가지 특이사항이 발견되네요.. @.@
메뉴가 10개 이상이 되면 메뉴에 따라다니는 띄가 더이상 내려가지 않습니다 @.@ 에궁~~
해결해보려고 소스 여기저기 뒤져봐도 잘~ 모르겠네요... ㅜ.ㅡ
홈이네님 이것 어떻게 해결 가능할 수 있을까요??
감사합니다*^^*;
다운받으셔서 저걸로 사용해 보세요.
수정은 했었는데 어느 부분인지 기억이 잘 나지 않네요 ^^;
다운 받아서 한번 다시!! 해봐야 겠네요^^*
감사합니다.^^*
잘라뒀습니다.
상단에 이미지 경로 설정하시구요
첨부파일 원본보시면 이미지 폴더 있거든요 같이 업로드 하세요
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
선언 필수로 하시구요
그러나 아래 기능 때문인가? 잘 모르겠지만 설치후 게시판 글 입력시 마우스 클릭이 안먹히네요.
function addEvent(o,e,f){var k;if(o.attachEvent){o.attachEvent(e,f);}else if(o.addEventListener){if(e=="onmousewheel"){k="DOMMouseScroll";}else{k=e.substring(2,String(e).length);};o.addEventListener(k,f,false);};};
저만 그런건가요? 해결하신분 답변부탁드립니다