상단2단 메뉴-고수님 도와 주세요. 채택완료
수정 삭제 목록
(원파일 위치)https://sir.kr/g4_plugin/13447?sfl=wr_subject%7C%7Cwr_content&stx=%EB%A9%94%EB%89%B4&page=3
letsgolee님이 (연후하은아빠님의 CSS 메뉴를 수정했습니다) 만든 상단2단 메뉴 입니다. 제겐 이메뉴가 맘에 들고 G4에서 작동하는걸 보니 매우 유용하다고 생각이 들었으나 G5에서 적용 하는게 제겐 한계가 있는것 같습니다... 고수님 도와 주세요.
아래소스는 G4 기준으로 작성 된것입니다. 이를 G5용으로 사용 하려면 어떤 부분을 수정 해야 하는지요.
원 소스 내용중 주석 부분은 삭제 하였습니다. =================================================================================
$menus = array();
$menus[] = array('text'=>'*', 'href'=>'*', 'sub'=>null);
?>
var maxUlEndPos = 940; /* ul 엘러멘트의 맨 마지막 포지션 */ var minLeft = 0; var sep_icon_width = 2; /* 메뉴사이에 존재하는 이미지의 크기-top_menuline.jpg의 width */ var IEgap = 14; /* IE와 chrome이나 다른 브라우져에 비해 차이나는 값을 적어준다. */ var screenGap = 0; /* 실제 출력시 사이드바와 같은 영향으로 밀리는 경우가 생길 수 있다. 그럴 때 그 차이를 적어주면 된다. */
$(document).ready(function(){
$('.nav > ul > li').each(function(){ var obj = $(this);
var a = obj.find('a'); var a_o = a.offset(); var a_w = a.width();
var ul = obj.find('ul'); //var ul_o = ul.offset(); var ul_w = ul.width();
/* .nav의 offset을 구한다. 이것은 화면 스크린 크기가 달라도 그 크기에 맞추어 조절을 하기 위함이다. */ var nav_o = $('.nav').offset();
var left = a_o.left+Math.round(a_w/2)-Math.round(ul_w/2)-($.browser.msie?IEgap:0)-sep_icon_width-nav_o.left-screenGap;
if (left < minLeft) left = minLeft; if (left+ul_w>maxUlEndPos) left = maxUlEndPos-ul_w;
ul.css('left', left); });
$('.nav ul li ul').hide(); showSubmenu($('.nav ul li.select'));
$('.nav > ul > li > a').hover(function() { //mouseover showSubmenu($(this).parent()); }); });
function showSubmenu(obj) { if (!obj) return;
var ul = obj.find('ul');
if (ul.is(':hidden')) $('.nav ul li ul').fadeOut('fast');//slideUp() //obj.find('ul').fadeIn();//slideDown() ul.fadeIn(); }
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인
';
';