위에서 밑으로 내려오는 애니메이션을 주려고 하는데요..
특정 부분은 가려주고, 그 이후로좀 나타나게 하고 싶습니다..
(그렇다고 흰색 레이어로 덮어 버리면 안되요.. ㅠ_ㅠ
그 부분에는 메뉴가 있기 때문에...)
혹시, overflow 같은걸로 어떻게 하면 되나요?
답변 4개
채택된 답변
+20 포인트
10년 전
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>
이러면 되지 않을까요..
10년 전
건즈님, 그 코드로 해보니 아래에서 위로 올라가요... ㅠ_ㅠ
위에서 아래로 내려가게 할수는 없을까요..
top : 0px 부터 내려오되..
top : 200px 까지는 가리고... (색깔 넣어서 가리면 안되요... 메뉴가 가려져서......)
top : 200px 아래로는 보이는...
이런건 구현 못할까요?
이게 쇼핑몰 에서도 볼수 있듯이 슬라이드 배너 같은거 비슷한 개념 같은데...
10년 전
뭐 좀 다른 방법이 없을까요?
10년 전
http://api.jquery.com/slideDown/
이거 참고해 보세요.
답변을 작성하려면 로그인이 필요합니다.