슬라이드 메뉴 만들기

슬라이드메뉴 만들기

1. 커서가 있던 위치에 따라 슬라이드 되는 방향이 바뀐다.

2. background-position을 이용해 3분할을 한다.

3. 이미지크기가 800px인데 각 슬라이드 화면의 크기는 265px + border-right 1px = 266px이다.

그리고 마지막 슬라이드는 border-right가 없으므로 컨테이너의 width는 797px이다.

4. animate로 background-position을 사용할 때에는 position-x, position-y를 나눠서 하자.

"background-position": "~px ~px"가 먹히지 않는다.