j쿼리 애니메이션에 대해서...

Question

위에서 밑으로 내려오는 애니메이션을 주려고 하는데요..특정 부분은 가려주고, 그 이후로좀 나타나게 하고 싶습니다..(그렇다고 흰색 레이어로 덮어 버리면 안되요.. ㅠ_ㅠ그 부분에는 메뉴가 있기 때문에...)혹시, overflow 같은걸로 어떻게 하면 되나요?

건즈 · Accepted Answer

[code]

$(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;}

	

[/code]
      ​  


이러면 되지 않을까요..

따라하기 · Answer

건즈님, 그 코드로 해보니 아래에서 위로 올라가요... ㅠ_ㅠ
위에서 아래로 내려가게 할수는 없을까요..
top : 0px 부터 내려오되..
top : 200px 까지는 가리고... (색깔 넣어서 가리면 안되요... 메뉴가 가려져서......)
top : 200px 아래로는 보이는...
이런건 구현 못할까요? 이게 쇼핑몰 에서도 볼수 있듯이 슬라이드 배너 같은거 비슷한 개념 같은데...

따라하기 · Answer

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

왕계란 · Answer

http://api.jquery.com/slideDown/이거 참고해 보세요.

j쿼리 애니메이션에 대해서...

답변 4개

공유하기