> 웹 프론트엔드 > JS 튜토리얼 > jquery_jquery를 기반으로 한 9가지 멋진 페이지 효과 추천

jquery_jquery를 기반으로 한 9가지 멋진 페이지 효과 추천

WBOY
풀어 주다: 2016-05-16 16:28:44
원래의
1250명이 탐색했습니다.

1. jquery 기반 버튼으로 사진 좌우 스크롤 전환

버튼이 있는 jquery 이미지 스크롤 전환 코드는 버튼이 있는 이미지의 왼쪽 및 오른쪽 스크롤 전환을 위한 jquery 특수 효과 코드입니다.

온라인 데모

소스코드 다운로드

2. jQuery를 기반으로 이미지를 상하좌우로 연속 스크롤

imgscroll 플러그인은 이미지 포커스 스크롤(그라디언트 및 스크롤 지원)과 지속적이고 원활한 이미지 스크롤을 지원하는 js 라이브러리입니다. 이는 jQuery를 사용하여 이미지를 원활하고 지속적으로 스크롤하고 위, 아래, 왼쪽, 스크롤을 지원합니다. 그리고 맞아.

온라인 데모

소스코드 다운로드

3. jquery로 구현된 고정 레이어 타임라인 동적 효과

jquery로 구현한 고정 고정 레이어 타임라인 동적 효과 소스 코드는 매우 일반적으로 사용되는 레이어 고정 디스플레이 코드입니다.

온라인 데모

소스코드 다운로드

4. jQuery로 구현한 호텔 예약 페이지의 이중 날짜 선택 상자 효과

jQuery로 구현한 호텔 예약 페이지의 이중 날짜 선택 상자 소스 코드는 여행 웹 페이지에서 사용할 수 있는 호텔 예약 페이지 코드입니다. 이 코드에 검색 기능을 추가하면 더욱 완벽해질 것입니다. 이 코드는 이중 날짜 선택 상자를 지원하는 것이 가장 큰 특징입니다.

온라인 데모

소스코드 다운로드

5.jquery는 컴퓨터 디스플레이를 지원하여 휴대폰 앨범의 정렬 및 보기 효과를 모방합니다

컴퓨터 디스플레이(터치 기능 없음)를 지원하는 휴대폰 앨범의 배열 및 보기 효과를 모방하기 위해 jquery로 구현한 소스 코드는 레이아웃 배열 및 앨범 클릭해서 보기 기능을 스마트폰에서 구현할 수 있는 코드입니다. 그러나 이 단락의 코드는 마우스를 왼쪽이나 오른쪽으로 밀어서 사진을 전환하는 기능을 지원하지 않습니다.

온라인 데모

소스코드 다운로드

6.js는 궤적 효과를 실행하는 div 드래그 애니메이션을 구현합니다

JS 기반의 트랙 효과 소스 코드를 실행하는 div 드래그 애니메이션입니다. 트랙 효과 코드를 실행하는 마우스 드래그 div 애니메이션을 생성하는 기본 js div 드래그 효과입니다. 두 가지 드래그 표시 모드, 즉 [트랙 기억]과 [트랙 기억 안 함]을 선택하여 다양한 드래그 효과를 표시할 수 있습니다.

온라인 데모

소스코드 다운로드

7. SliderPro 기반 jQuery로 구현된 썸네일 캐러셀 이미지가 포함된 왼쪽 및 오른쪽 레이아웃

오른쪽 썸네일 jQuery 캐러셀 효과는 썸네일 jQuery 캐러셀 효과로 왼쪽과 오른쪽 레이아웃을 구현한 SliderPro입니다.

온라인 데모

소스코드 다운로드

8.html5 jqplot 플러그인 기반 곡선 열 통계 차트

HTML5 곡선열 통계차트 코드는 jqplot 플러그인을 사용하여 구현한 곡선열 통계차트입니다. js에 주석이 있으며 직접 수정할 수 있습니다.

온라인 데모

소스코드 다운로드

9.jquery extraslider.js는 왼쪽 및 오른쪽 전환 버튼과 위치 점 아이콘을 사용하여 자동 캐러셀 초점 이미지를 구현합니다

jquery exoloSlider.js는 왼쪽 및 오른쪽 전환 버튼과 위치 도트 아이콘을 사용하여 자동 캐러셀 포커스 맵 특수 효과의 소스 코드를 구현합니다. 자동 캐러셀 및 마우스 클릭 전환이 제한되지 않는 포커스 맵 코드입니다. 왼쪽과 오른쪽으로 전환하고 위치 점 아이콘을 클릭하여 전환합니다.

온라인 데모

소스코드 다운로드

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿