>웹 프론트엔드 >JS 튜토리얼 >jQuery AnythingSlider 슬라이딩 효과 플러그인_jquery

jQuery AnythingSlider 슬라이딩 효과 플러그인_jquery

WBOY
WBOY원래의
2016-05-16 18:35:131052검색

jQuery는 보물창고이고 jQuery의 플러그인 시스템은 무궁무진한 보물창고입니다. 많은 개발자가 jQuery 프레임워크에서 수많은 플러그인을 설계했습니다. jQuery의 전문 분야는 웹 페이지 효과이므로 플러그인 라이브러리는 대부분 UI와 관련되어 있습니다. 관련된. webdesignledger.com 웹사이트에서는 2009년 최고의 jQuery 플러그인을 추천했습니다. 일부 플러그인은 이 블로그에 소개되었지만 일부는 아직 소개되지 않았습니다. 이 기사에서는 다음을 소개합니다. 2009년 최고의 jQuery 플러그인—AnythingSlider 슬라이딩]

슬라이딩

고정된 영역에서 여러 단락의 내용이 반복적으로 표시됩니다. 이 방식은 2009년에 이런 종류의 웹 효과가 나타났습니다. 매우 유명합니다. jQuery에는 이와 관련된 플러그인이 많이 있습니다. 의심할 여지 없이 가장 좋은 플러그인은 다음과 같습니다.
jQuery AnythingSlider 슬라이딩 효과 플러그인_jquery
CSS-Tricks의 Chris Coyier가 디자인했으며 모든 기능을 갖추고 널리 사용됩니다.

플러그인의 공식 CSS-Tricks는 영어로 되어 있으므로 먼저 플러그인의 기능과 사용법을 대략적으로 번역하겠습니다.

특징:
1. HTML 콘텐츠 슬라이딩(모든 콘텐츠 가능)

2. 슬라이드 위아래로 이동하는 화살표

3. 동적으로 추가됩니다(슬라이드 수 제한 없음)

4. 사용자 정의 가능한 탐색 기능

5. 자동 재생(재생 시작 및 중지 선택 가능)

6. 슬라이드에 태그가 있음(보류 중인 슬라이드에 직접 연결 가능)

7. 무제한, 연속 슬라이딩("마지막" 슬라이드에서도 항상 가고 싶은 방향으로 슬라이드됨)

8. 자동 재생 일시정지 vs. 호버(옵션)

9. 정적 링크에서 특정 슬라이드 텍스트 링크로

사용법:
1. 지구는 알고 있음)

2. 자바스크립트 코드:

코드 복사 코드는 다음과 같습니다.



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