2026, 새로운 도약을 시작합니다.

j쿼리 애니메이션에 대해서... 채택완료

위에서 밑으로 내려오는 애니메이션을 주려고 하는데요..

특정 부분은 가려주고, 그 이후로좀 나타나게 하고 싶습니다..

(그렇다고 흰색 레이어로 덮어 버리면 안되요.. ㅠ_ㅠ

그 부분에는 메뉴가 있기 때문에...)

혹시, overflow 같은걸로 어떻게 하면 되나요?

c03c5bfde187190093c251c74a0d2d35_1427711680_6006.jpg 

답변 4개

채택된 답변
+20 포인트
Copy

$(document).ready(function() {
   var time=500;  //원하는 시간
    $("#bg_color").animate({height:$("#box").height()},{duration:time});
});



#box{ position:relative; width:300px; height:80px; background:#FFFFFF; overflow:hidden;}
#bg_color{ position:absolute; bottom:0px; background:#FF0004;  width:100%; height:20px;}

<div id="box">
    <div id="bg_color"></div>
</div>​

이러면 되지 않을까요..

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

건즈님, 그 코드로 해보니 아래에서 위로 올라가요... ㅠ_ㅠ

위에서 아래로 내려가게 할수는 없을까요..

top : 0px 부터 내려오되..

top : 200px 까지는 가리고... (색깔 넣어서 가리면 안되요... 메뉴가 가려져서......)

top : 200px 아래로는 보이는...

이런건 구현 못할까요?

이게 쇼핑몰 에서도 볼수 있듯이 슬라이드 배너 같은거 비슷한 개념 같은데...

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

뭐 좀 다른 방법이 없을까요?

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

http://api.jquery.com/slideDown/

이거 참고해 보세요. 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고