Front-project 2일차

드롭다운박스를 만들기위해서 시도를했는데 javascript를통해서 이벤트까지 주었다 드롭다운은 다음사진과 같이 만들어주었다 .

 

메뉴판도 만들어줬고 다음과같이 밑에 서브메뉴들도 나오게이벤트를추가해주었다 코드는 다음과같다

 

jquery

    $(function(){
            var $firstmenu = $('#container > div > div.nav > ul > li'), 
                $header = $('#container > div > div.nav');
            $firstmenu.mouseenter(function(){
                $header.stop().animate({height : '300px'},300)
            })  
            .mouseleave(function(){
                $header.stop().animate({height : '50px'},300)
            })  
    
        });

다음과같이 animate를사용해서 시간을천천히주면서 움직이게끔 이벤트를 설정해주었다. 

 

내일은 서브메뉴에 이벤트를 넣어주고 본격적으로 react에 적용을할력한다