j쿼리 애니메이션에 대해서... 채택완료
위에서 밑으로 내려오는 애니메이션을 주려고 하는데요..
특정 부분은 가려주고, 그 이후로좀 나타나게 하고 싶습니다..
(그렇다고 흰색 레이어로 덮어 버리면 안되요.. ㅠ_ㅠ
그 부분에는 메뉴가 있기 때문에...)
혹시, overflow 같은걸로 어떻게 하면 되나요?
답변 4개
$(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 아래로는 보이는...
이런건 구현 못할까요?
이게 쇼핑몰 에서도 볼수 있듯이 슬라이드 배너 같은거 비슷한 개념 같은데...
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인