테스트 사이트 - 개발 중인 베타 버전입니다

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

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

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

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

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

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

 

 

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

답변 4개

채택된 답변
+20 포인트

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

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

 

 

   
bg_color">

 

 

이러면 되지 않을까요..

 

 

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

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

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

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

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

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

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

이런건 구현 못할까요?

 

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

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

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

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

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

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

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

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

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

로그인

전체 질문 목록

🐛 버그신고