jjquery
-
animate를 활용한 상단 메뉴 노출 :: 마이구미Javascript 2016. 8. 2. 15:43
이번 글은 제이쿼리의 animate 메소드의 활용법에 대하여 알아볼 것이다.이번 주제는 지식인으로부터 팁을 얻었다. 지식인에 질문이 올라왔다.http://www.kwater.or.kr/main.do?s_mid=1#this 위의 이미지는 첫 로딩 시 기본 페이지이다.상단부분 오른쪽 돋보기 버튼이 보이는가?돋보기 버튼을 누른다면 아래 이미지처럼 통합검색이라는 영역이 노출될 것이다. 즉 돋보기 버튼을 누른다면 통합검색 영역이 상단 메뉴 영역이 노출된다.통합검색 영역의 오른쪽 닫기 버튼을 누른다면 노출된 영역이 사라진다.직접 페이지에서 해보길 바란다. 많이 볼 수 있고, 많이 활용되고 있는 기능이다.이거 또한 다른 글 transition으로 가능하다.여기서는 jquery의 animate 메소드를 사용해보겠다. ..