jquery39 mouseleave resize 실행 될 때 $("#header").on("mouseleave focusout", function() { $("#header").find(".nav").addClass("over"); $(".open_menu").show(); }); $("#header").on("mouseleave focusout", function() { if(document.body.clientWidth > 1400){ $("#header").find(".nav").addClass("over"); $(".open_menu").show(); } }); https://stackoverflow.com/questions/38563018/mouseover-function-and-mouseleave-function-keeps-working-when-res.. 2020. 4. 10. [bxslider.js] thumbnail controls 호텔누구나 한 번쯤 꿈꾸는 일상으로부터의 탈출 호텔누구나 한 번쯤 꿈꾸는 일상으로부터의 탈출 호텔누구나 한 번쯤 꿈꾸는 일상으로부터의 탈출 호텔누구나 한 번쯤 꿈꾸는 일상으로부터의 탈출 호텔누구나 한 번쯤 꿈꾸는 일상으로부터의 탈출 제주신라호텔누구나 한 번쯤 꿈꾸는 일상으로부터의 탈출 제주신라호텔누구나 한 번쯤 꿈꾸는 일상으로부터의 탈출 호텔누구나 한 번쯤 꿈꾸는 일상으로부터의 탈출 호텔누구나 한 번쯤 꿈꾸는 일상으로부터의 탈출 호텔누구나 한 번쯤 꿈꾸는 일상으로부터의 탈출 $(document).ready(function(){ var realSlider= $(".fac_slider .slide-wrap .bxslider").bxSlider({ auto: false, pager:false, infinite.. 2020. 4. 10. [swiper.js] 마우스 드래그 방지, 반응형 설정 var blogContents = new Swiper('.blog-contents-wrap', { allowTouchMove: true, breakpointsInverse: true, breakpoints: { 1023: { allowTouchMove: false } } }); 2020. 4. 10. 글자수 일정 이상일 때 Tooltip 표시 $(".set-tab a").on("mouseenter",function(){ var txCon = $(this).find("i").text(); var txLength = $(this).find("i").text().length; if(txLength > 7){ $(".tb-r").remove(); $(this).append(''+txCon+''); $(".tb-r").stop().fadeIn(400); } }).on("mouseleave",function(){ $(".tb-r").stop().fadeOut(400); }); 아래는 부모의 overflow:hidden; 때문에 안보일 때 fixed $(".gantt-aside-item").find('.tx-row2').on("mouseenter", .. 2020. 4. 10. nav 반응형 소스 $(window).resize(function() { $("#header").on("mouseleave focusout", function(){ if($(window).width() > 1024) { $(".h-nav .nav-down").stop().slideUp(500); } }); if($(window).width() > 1024) { $("html, body").removeAttr('style'); $(".h-menu .menu-close").hide(); $(".h-menu .menu-open").show(); $(".h-top").find(".search-bt").removeClass("right"); $(".nav-2depth .nav-menu").each(function(){ if($(th.. 2020. 4. 10. 모바일 nav에서 하위 메뉴가 있을 때 링크 제거하기 $(".nav-2depth .nav-menu").each(function(){ if($(this).find(".nav-3depth").length>0){ var depth2_tit = $(this).find(".nav-tit a").text(); $(this).find(".nav-tit").find("a").hide(); $(this).find(".nav-tit").append('' + depth2_tit +''); } }); 2020. 4. 6. 모바일 nav에서 html, body height 100%로 하기 $(".h-menu .menu-open").on("click", function(){ $("html, body").css({"height":"100%","overflow":"hidden"}); $(this).hide(); $(".h-menu .menu-close").show(); $(".h-nav .nav-down").stop().show(); }); $(".h-menu .menu-close").on("click", function(){ $("html, body").removeAttr('style'); $(this).hide(); $(".h-menu .menu-open").show(); $(".h-nav .nav-down").stop().hide(); }); 2020. 4. 6. [swiper.js] prev, next controls navigation: { prevEl: '.familySlide .slide-controls .prev', nextEl: '.familySlide .slide-controls .next', } familySlide_pause.on("click",function(){ familySlide.autoplay.stop(); $(this).hide(); familySlide_play.show(); }); familySlide_play.on("click",function(){ familySlide.autoplay.start(); $(this).hide(); familySlide_pause.show(); }); 2020. 4. 6. [slick.js] prev, next controls prevArrow: $('.familySlide .slide-controls .prev'), nextArrow: $('.familySlide .slide-controls .next') familySlide_pause.on("click",function(){ $(".familySlide .slider").slick("slickPause"); $(this).hide(); familySlide_play.show(); }); familySlide_play.on("click",function(){ $(".familySlide .slider").slick("slickPlay"); $(this).hide(); familySlide_pause.show(); }); 2020. 4. 6. 이전 1 2 3 4 5 다음