애니메이션 사이드 탐색 바를 만드는 방법은 무엇입니까?

Question

다음 슬라이드 탐색 모음을 만드는 방법은 무엇입니까? 플러그인을 사용하지 않고 CSS3 만 사용하면 가능합니까?

http://middle-earth.thehobbit.com/map

Answer 1

어떤 플러그인, 매우 간단한 마크 업, CSS 전환 및

http://jsfiddle.net/7A5T6/6/

#menu{ 
height:100%; 
transition:1s; 
width:200px; 
margin-left:-200px; 
} 

button{ 
position:absolute; 
right:-30px;  
} 

자바 스크립트 자바 스크립트의 몇 라인 :

var open = document.getElementById('open') 
var menu = document.getElementById('menu') 

open.addEventListener('click',openit,false); 

var i = 0; 

function openit(){ 
    if(i==0){ 
     menu.style.marginLeft= "0px" 
     i=1 
    } 
    else{ 
     menu.style.marginLeft= "-200px" 
     i=0 
    } 
}