TIL no.05 - jQuery - 패널 슬라이드

codeamor·2020년 6월 20일
0

jQuery

목록 보기
3/18


  • 패널 형식은 마우스가 올라가면 고정된 컨테이너 안에서 슬라이드 하나만 커지고 나머지는 작아져야 한다.

  • 커지고 작아지는 정도는 미리 CSS 에서 정해주고 JavaScript 에서 그 스타일을 추가하고 제거한다.

  • 하나는 커지고 나머지는 작아지는 형태이므로 siblings 메서드를 이용하면 쉽게 탐색할 수 있다.

  • 마우스가 벗어나서 이미지가 크기가 줄어들 때는 주었던 클래스를 제거해주면 된다.

0개의 댓글