테스트 사이트 - 개발 중인 베타 버전입니다

eye테마 모바일메뉴 닫기버튼 채택완료

라임스 8년 전 조회 2,573

eye 테마사용중인데

모바일메뉴 클릭시 이미지 닫기 버튼으로 변경되고

모바일메뉴중 클릭되면 모바일메뉴가 닫기가 되게 하고 싶습니다

 

아래 자바스크립트에 수정하면 될까요

 

$(window).on('resize', function(){  autoSize(); });

$(window).scroll(function(){  var w_width = $(window).width();  if(w_width > 750){   if($(document).scrollTop() >= 100){    $( ".second_view" ).fadeIn( 'fast', function() {     $(".eye_scroll_menu").show();    });  

  } else {    $( ".second_view" ).fadeOut( 'fast', function() {     $(".eye_scroll_menu").hide();    });   }  } else if(w_width < 750) {   if($(document).scrollTop() > 50){    $(".eye_scroll_menu2").css("position","fixed");   } else {    $(".eye_scroll_menu2").css("position","relative");   }  } else {  } });

$(window).load(function(){  autoSize();    $('.eye_bt_nover').hover(function(){   $(this).stop().animate({backgroundColor: '#669fd9','color': '#fff'}, 'fast');  }, function() {   $(this).stop().animate({backgroundColor: '#fff','color': '#000'}, 'fast');  });

 $('.eye_bt_over').hover(function(){   $(this).stop().animate({backgroundColor: '#ffcc00','color': '#000'}, 'fast');  }, function() {   $(this).stop().animate({backgroundColor: '#669fd9','color': '#fff'}, 'fast');  });  

 $('.hover_').css("height",$(".hover_ img").height()+"px");  $('.hover_').hover(function(){   $(this).find("div").stop().animate({'height':$(this).find("img").height()+"px",'width':'100%'}, 'fast');   $(this).find("span").fadeIn( 'fast' );   $(this).find("a").fadeIn( 'fast' );

 }, function() {   $(this).find("div").stop().animate({'height':'0','width':'0'}, 'fast');   $(this).find("span").fadeOut( 'fast' );   $(this).find("a").fadeOut( 'fast' );  });

 $('.eye_scr_subject_bt2').hover(function(){   $(this).stop().animate({backgroundColor:"#fff",'color':'#000'}, 'fast');  }, function() {   $(this).stop().animate({backgroundColor:'transparent','color':'#fff'}, 'fast');  });

 $('.eye_scr_subject_bt').hover(function(){   $(this).stop().animate({backgroundColor:"#fff",'color':'#000'}, 'fast');  }, function() {   $(this).stop().animate({backgroundColor:'transparent','color':'#fff'}, 'fast');  });

 

 $('.eye_meue_bar').toggle(function() {   $(".eye_left_menu").stop().animate({'height':'250px'}, 'fast');

  $(".eye_left_menu li").fadeIn( 'fast', function() {    $(".eye_left_menu li").show();   });         $("html").css({overflow:'hidden'}).bind('touchmove', function(e){e.preventDefault()});  }, function() {   $(".eye_left_menu").stop().animate({'height':'0px'}, 'fast');   $(".eye_left_menu li").fadeOut( 'fast', function() {    $(".eye_left_menu li").hide();   });   $("html").css({overflow:'scroll'});   $("html").unbind('touchmove');

 });  });

 

메뉴 div

  

  

  • ~~~~~

  

  • ~~~~~

 

  • ~~~~~

 

  • ~~~~~

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

어렵다 ㅠㅠ

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인