eye테마 모바일메뉴 닫기버튼

eye테마 모바일메뉴 닫기버튼

QA

eye테마 모바일메뉴 닫기버튼

답변 1

본문

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

<header>  

<div class="eye_menu first_view" >

   <ul><li>~~~~~</li></ul>

</div>

<div class="eye_scroll_menu second_view">

   <ul><li>~~~~~</li></ul>

</div>

<div class="eye_scroll_menu2 thirth_view" >

  <ul><li>~~~~~</li></ul>

</div>

<div class="eye_left_menu forth_view">

  <ul><li>~~~~~</li></ul>

</div>

</header> 

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
  • 질문이 없습니다.
전체 0
© SIRSOFT
현재 페이지 제일 처음으로