#328 에 따른 스크립트 추가
This commit is contained in:
46
tail.sub.php
46
tail.sub.php
@ -38,11 +38,12 @@ $(function(){
|
||||
});
|
||||
|
||||
// 주메뉴
|
||||
var $gnb = $('.gnb_1depth > a');
|
||||
var $gnb = $(".gnb_1depth > a");
|
||||
$gnb.mouseover(function() {
|
||||
if(mouse_event) {
|
||||
$('.gnb_1depth').removeClass('gnb_1depth_over gnb_1depth_on');
|
||||
$(this).parent().addClass('gnb_1depth_over gnb_1depth_on');
|
||||
$(".gnb_1depth").removeClass("gnb_1depth_over gnb_1depth_over2 gnb_1depth_on");
|
||||
$(this).parent().addClass("gnb_1depth_over gnb_1depth_on");
|
||||
menu_rearrange($(this).parent());
|
||||
hide_menu = false;
|
||||
}
|
||||
});
|
||||
@ -51,17 +52,18 @@ $(function(){
|
||||
hide_menu = true;
|
||||
});
|
||||
|
||||
$('.gnb_1depth li').mouseover(function() {
|
||||
$(".gnb_1depth li").mouseover(function() {
|
||||
hide_menu = false;
|
||||
});
|
||||
|
||||
$('.gnb_1depth li').mouseout(function() {
|
||||
$(".gnb_1depth li").mouseout(function() {
|
||||
hide_menu = true;
|
||||
});
|
||||
|
||||
$gnb.focusin(function() {
|
||||
$('.gnb_1depth').removeClass('gnb_1depth_over gnb_1depth_on');
|
||||
$(this).parent().addClass('gnb_1depth_over gnb_1depth_on');
|
||||
$(".gnb_1depth").removeClass("gnb_1depth_over gnb_1depth_over2 gnb_1depth_on");
|
||||
$(this).parent().addClass("gnb_1depth_over gnb_1depth_on");
|
||||
menu_rearrange($(this).parent());
|
||||
hide_menu = false;
|
||||
});
|
||||
|
||||
@ -69,29 +71,47 @@ $(function(){
|
||||
hide_menu = true;
|
||||
});
|
||||
|
||||
$('.gnb_1depth ul a').focusin(function() {
|
||||
$('.gnb_1depth').removeClass('gnb_1depth_over gnb_1depth_on');
|
||||
var $gnb_li = $(this).closest('.gnb_1depth').addClass('gnb_1depth_over gnb_1depth_on');
|
||||
$(".gnb_1depth ul a").focusin(function() {
|
||||
$(".gnb_1depth").removeClass("gnb_1depth_over gnb_1depth_over2 gnb_1depth_on");
|
||||
var $gnb_li = $(this).closest(".gnb_1depth").addClass("gnb_1depth_over gnb_1depth_on");
|
||||
menu_rearrange($(this).closest(".gnb_1depth"));
|
||||
hide_menu = false;
|
||||
});
|
||||
|
||||
$('.gnb_1depth ul a').focusout(function() {
|
||||
$(".gnb_1depth ul a").focusout(function() {
|
||||
hide_menu = true;
|
||||
});
|
||||
|
||||
$(document).click(function() {
|
||||
if(hide_menu) {
|
||||
$('.gnb_1depth').removeClass('gnb_1depth_over gnb_1depth_on');
|
||||
$(".gnb_1depth").removeClass("gnb_1depth_over gnb_1depth_over2 gnb_1depth_on");
|
||||
}
|
||||
});
|
||||
|
||||
$(document).focusin(function() {
|
||||
if(hide_menu) {
|
||||
$('.gnb_1depth').removeClass('gnb_1depth_over gnb_1depth_on');
|
||||
$(".gnb_1depth").removeClass("gnb_1depth_over gnb_1depth_over2 gnb_1depth_on");
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function menu_rearrange(el)
|
||||
{
|
||||
var width = $("#gnb_ul").width();
|
||||
var left = w1 = w2 = 0;
|
||||
var idx = $(".gnb_1depth").index(el);
|
||||
|
||||
for(i=0; i<=idx; i++) {
|
||||
w1 = $(".gnb_1depth:eq("+i+")").outerWidth();
|
||||
w2 = $(".gnb_2depth > a:eq("+i+")").outerWidth(true);
|
||||
|
||||
if((left + w2) > width) {
|
||||
el.removeClass("gnb_1depth_over").addClass("gnb_1depth_over2");
|
||||
}
|
||||
|
||||
left += w1;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user