웹디자인기능사 실기8일차 - c-3유형 해변빛축제

gnb,팝업 성공

좌우슬라이드,텝메뉴 망함...

            /*gnb*/
            $(".nav>ul>li").hover(
                function () {
                    $(this).find(".submenu").stop().slideDown();
                },
                function () {
                    $(this).find(".submenu").stop().slideUp();
                });



            /*팝업*/
            $(".tab-cont li:first-child").click(function () {
                $(".popup").show();
            });
            $(".btn").click(function () {
                $(".popup").hide();
            });

 

 

좌우슬라이드 구현

팝업창 맨위로올려야함...

 var idx=0;
    
    $('.slide li').eq(0).siblings().css({
       
        left:"-1200px"
        
    });
    
    setInterval(function(){
        
        if(idx<2){
            idx++;
        }
        else{
            idx=0;
        }
        
        $('.slide li').eq(idx).siblings().animate({
            
            left:"-1200px"
        },1000)
        
        $('.slide li').eq(idx).animate({
            
            left:"0px"
        },1000)
        
        
        
    },3000)