다른 div 아래에서 마우스를 놓을 때 div라는 것을 무엇이라고 부릅니까?

Question

나는 자바 스크립트 효과를 만들기 위해 노력하고 있는데, 전에 여러 번 본 적이 있다고 확신합니다. 그러나, 나는 그것에 대한 올바른 용어를 찾을 수없는 것 같습니다. "슬라이더"또는 "슬라이드 아웃 메뉴"또는 "슬라이드 아웃 탭"또는 "탭"이 아닙니다. 지금까지 이러한 용어로 인해 Google은 내가 겪어 보지 못한 것들을 위해 모든 종류의 예제와 튜토리얼로 이동하게했습니다.

난 후 효과는 다음과 같습니다

본부 (2)는 더 공개 밖으로 슬라이드시킨다 본부 (2)의 가시 부 위에 사용자 마이스까지 사업부 한 뒤에 앉아 그 자체의 사용자가 마우스를 떼면 Div 2가 Div 1 아래로 돌아갑니다.

turorials 또는 Javascript 코드를 찾을 수 있도록이 효과를 무엇이라고 부릅니까? 또는 누군가가 나를 예를 들어 지시하거나 그것을하는 방법을 설명 할 수 있다면 그것은 좋을 것입니다.

Answer 1

끔찍한 코드는 유감스럽게 생각하지만 다음과 같은 것이 필요합니까? http://jsfiddle.net/D7Z8v/

$("#smalldiv").hover(function() { 
$("#smalldiv").animate({marginLeft: 200});  
}, function() { 
$("#smalldiv").animate({marginLeft: 0}); 
}); 

당신은 아마 더 적절한 뭔가에 가져가 함수 내에서 "marginLeft"를 변경해야하지만입니다 당신이 필요한 것 같아.

Answer 2

당신은 DIV2 위 div1을 가지고 z-index을 사용할 수 있습니다 그리고 당신은 DIV2의 위치를 ​​변경하는 CSS animation, jQuery animation를 사용할 수 있습니다 또는 당신은 DIV2의 폭을 조정할 수 있습니다.