[jQuery] 내 div가 아래에서 위로 또는 위에서 아래로 "표시"되게하려면 어떻게해야합니까?

Question

저는 jQuery atm을 배우고 있습니다. 덕분에 CV 덕분에 애니메이션을 제작하고 싶습니다. .left가/됐지/.far 오른쪽

당신은 아무것도 클릭 whithout, 내 사이트를 입력 할 때 내가 뭘하고 싶은 것은, 당신이해야합니다 :

은 그래서 기본적으로 내 CV는 3 개 부분으로 나누어 져 .left div는 위에서 아래로 천천히 나타납니다.

그리고 바닥에서 서서히 나타나는 됐지의 사업부는

맨 마지막의 마지막 .far 오른쪽 사업부는 1 일로 위에서 아래로 천천히 등장.

현재 내가 사용하고있는 방법은 hide/show이지만 내 div는 왼쪽 상단부터 오른쪽 하단까지 어떤 모양이 아닌지 나타납니다.

Answer 1

HTML :

<div id="left"> 
</div> 
<div id="center"> 
</div> 
<div id="right"> 
</div> 

CSS :

body { 
width: 100%; 
height: 100%; 
margin: 0; 
} 

div { 
width: 33%; 
height: 100%; 
float: left; 
} 

#left { 
background-color: red; 
margin-top: -100%; 
} 

#center { 
background-color: green; 
margin-top: 100%; 
} 

#right { 
background-color: blue; 
margin-top: -100%; 
} 

자바 스크립트 :

$(document).ready(function(){ 

$("#left").animate({ 
"margin-top": "0%" 
}, 500, function(){ 
$("#center").animate({ 
"margin-top": "0%" 
}, 500, function(){ 
$("#right").animate({ 
"margin-top": "0%" 
}); 
}); 
}); 

}); 

그래서, 당신은 단지 .animate 방법을 사용해야합니다. 나는 동시에 실행하지 않도록 .animate을 중첩했습니다.

Here은 바이올린입니다.

혼동을주는 부분에 대해서는 언제든지 문의하십시오.

우리가 여기에 코드