웹디자인기능사 시험전 마지막날 연습 - on쇼핑몰

GNB,슬라이드,텝메뉴 외운다고 외웠는데...

내일 꼭 쉽게나오기를.ㅠㅠㅠ

 

  /*GNB*/
    var sm = $("#header .gnb>ul>li>ul");
    sm.hide();
    
    var gnbbg = $(".gnbbg");
    gnbbg.hide();


    
    $("#header .gnb>ul>li").hover(
        function(){
         /*   $(this).find("ul").stop().slideDown();*/
          sm.stop().slideDown();  
         /* gnbbg.stop().slideDown();   */
        },
        function(){
          /*  $(this).find("ul").stop().slideUp();*/
           sm.stop().slideUp(); 
          /* gnbbg.stop().slideUp();*/
        });






    //방법2
    var i = 0;
    
    setInterval(
        function(){
           i++;
            if(i===3){i=0;}
            $(".imgslide a").eq(i).css("top","100%").animate({"top":"0%"});
            $(".imgslide a").eq(i-1).css("top","0%").animate({"top":"-100%"});
        },3000);
  
    
    
    
    /*팝업*/
    $(".notice li:first-child").click(
    function(){
       $(".modal").show();
    });
    
 $(".btn").click(
    function(){
       $(".modal").hide(); 
    });
    
    /*텝메뉴*/

    $(function(){
      $(".tab_menu ul li").click(function(e){
        e.preventDefault();
        if(!$(this).hasClass("on")){
          $(this).siblings().removeClass("on");
          $(this).addClass("on");
          $("#gallery").toggle();
        }
      });
    });

    
    
    

 

#웹디자인기능사 #웹디자인기능사실기 #웹디자인기능사연습