>  기사  >  웹 프론트엔드  >  jQuery는 왼쪽 및 오른쪽 캐러셀 효과 공유를 실현합니다.

jQuery는 왼쪽 및 오른쪽 캐러셀 효과 공유를 실현합니다.

黄舟
黄舟원래의
2017-09-30 11:32:391464검색

이 글에서는 왼쪽 및 오른쪽 캐러셀 효과를 구현하기 위한 jquery를 주로 소개합니다. 이는 쇼핑 웹사이트의 홈페이지에서 자주 사용되며 관심 있는 친구들이 참고할 수 있습니다.

쇼핑 웹사이트에서 자주 볼 수 있습니다. 은 Jingdong, Jingdong 등 홈페이지에 있는 캐러셀 이미지


사진과 같이 웹페이지를 열면 Jingdong의 캐러셀 이미지가 나옵니다

다음으로 이 작은 케이스는 어떻게 이 효과를 얻으려면, 즉 캐러셀 차트의 모든 이벤트를 살펴보세요.
먼저 캐러셀 차트에 1개의 작은 버튼이 있습니다(왼쪽 및 오른쪽 클릭으로 사진이 이동함). * 주요 내용 가운데 점에도 작은 버튼이 있습니다. (작은 점을 클릭하면 해당 사진으로 이동합니다.) 3핵심 내용** 캐러셀 이미지가 자동으로 왼쪽으로 슬라이드됩니다. (자동 재생 타이머가 있습니다.)
분석 후 코드를 작성합니다(JD.com Carousel 이미지로 모방함)

HTML 콘텐츠

jQuery는 왼쪽 및 오른쪽 캐러셀 효과 공유를 실현합니다.

코드 조각

jQuery는 왼쪽 및 오른쪽 캐러셀 효과 공유를 실현합니다.
jQuery는 왼쪽 및 오른쪽 캐러셀 효과 공유를 실현합니다.
jQuery는 왼쪽 및 오른쪽 캐러셀 효과 공유를 실현합니다.

위 내용은 jQuery는 왼쪽 및 오른쪽 캐러셀 효과 공유를 실현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.