>웹 프론트엔드 >JS 튜토리얼 >2014년 가장 인기 있는 jQuery 실용 효과 9가지 추천_jquery

2014년 가장 인기 있는 jQuery 실용 효과 9가지 추천_jquery

WBOY
WBOY원래의
2016-05-16 16:28:311333검색

1. jQuery cxSlide로 구현된 세 가지 다기능 대기 초점 이미지 캐러셀

jQuery cxSlide로 구현된 세 가지 다기능 대기 포커스 차트 캐러셀 효과의 소스 코드는 세 가지 스타일과 효과를 갖춘 포커스 차트 캐러셀 코드입니다. 그 중 두 개가 가장 흥미롭고, 하나는 포커스 차트 그림을 결합하는 것입니다. 4개 부분으로 나누어져 있으며, 각 사진은 서로 다른 주소로 연결되어 있으며, 안쪽 사진 위에 마우스를 올리면 다른 사진은 더 어두워지는 효과도 있고, 다른 사진에는 썸네일과 텍스트 설명이 포함된 초점 사진이 있습니다. 효과. 이 예의 세 가지 초점 이미지 캐러셀 코드는 모든 웹사이트에 적합합니다. 이 코드가 필요한 친구는 다운로드하여 사용할 수 있습니다.

온라인 데모

소스코드 다운로드

2.jQuery 다기능 팝업 레이어 플러그인 Lightcase 소스 코드

JQuery 다기능 팝업 레이어 플러그인 Lightcase 소스 코드입니다. 모든 주류 브라우저와 모바일 장치를 지원하는 확장 가능한 라이트박스 플러그인입니다. 팝업 레이어에서 다양한 유형의 미디어를 지원합니다. , 예: 사진, swf 비디오, html5 비디오, ajax 콘텐츠, iframe 등

온라인 데모

소스코드 다운로드

3.jQuery/html5는 휴대폰 터치스크린을 구현하여 클릭하면 탐색 메뉴가 팝업됩니다

jQuery와 html5를 기반으로 한 휴대폰 터치스크린 클릭 팝업 탐색 메뉴 효과 소스 코드입니다. 오른쪽 상단의 메뉴 버튼을 클릭하면 드롭다운 메뉴가 팝업되고 보조 메뉴가 표시됩니다. 스위칭 기능. 전체적인 인터페이스 효과는 신선하고 자연스럽고 아름답고 우아합니다. 매우 실용적이고 뛰어난 특수 효과 소스 코드입니다.

온라인 데모

소스코드 다운로드

4.jquery 작은 이미지를 클릭하면 큰 이미지에 대한 전체 화면 슬라이드쇼 플러그인이 팝업됩니다.

jquery 기반의 전체화면 슬라이드쇼 플러그인 소스코드입니다. 작은 사진을 클릭하면 큰 사진 슬라이드쇼의 전체화면 전환 효과가 팝업됩니다. 대형 사진 슬라이드쇼에는 좌우 전환 버튼이 있고, 오른쪽 상단에 슬라이드쇼 닫기 버튼이 있는 아주 뛰어난 특수효과 소스코드입니다.

온라인 데모

소스코드 다운로드

5.3D 입체영상 360도 회전효과

360도 회전 및 환생 효과가 있는 3D 입체 사진입니다. 소스 코드는 회전목마와 유사한 360도 입체 회전을 유지합니다.

온라인 데모

소스코드 다운로드

6. jQuery를 기반으로 모바일 클라이언트를 시뮬레이션하여 5개의 썸네일 중에서 초점 이미지를 왼쪽과 오른쪽으로 전환합니다

jQuery를 기반으로 모바일 클라이언트에서 5개의 썸네일의 왼쪽 및 오른쪽 전환과 포커스 이미지 특수 효과를 시뮬레이션하기 위한 소스 코드는 왼쪽 및 오른쪽 전환이며, 이는 모바일 클라이언트의 배너 이미지 전환 효과에 대한 소스 코드와 유사합니다. 모바일 클라이언트입니다. 자동 전환을 지원하고 코드가 간단하며 왼쪽 및 오른쪽 전환이 원활합니다.

온라인 데모

소스코드 다운로드

7. jQuery를 기반으로 조정 가능한 이미지 크기 배열

온라인 데모

소스코드 다운로드

8.js는 간단한 계산기를 구현합니다

이것은 js를 기반으로 한 계산기 애플릿입니다. 계산기의 기능은 매우 간단하며 간단한 덧셈, 뺄셈, 곱셈 및 나눗셈 연산을 구현할 수 있습니다. 계산 기능을 직접 구현할 수도 있습니다. 결국 모든 수학적 연산은 Javascript를 사용하여 수행할 수 있습니다.

온라인 데모

소스코드 다운로드

9.HTML5 데스크톱 사진 앨범 효과

오늘은 HTML5와 jQuery를 기반으로 한 사진 앨범 애플리케이션을 공유해 보겠습니다. 사진 앨범에 있는 사진을 탐색할 때 사진을 바탕 화면에 배치한 것처럼 원하는 위치에 배치할 수 있습니다. 이미지를 끌어 데스크탑의 어느 곳으로든 이동할 수도 있습니다. 이미지의 닫기 버튼을 클릭하면 이미지가 휴지통으로 변해 사라집니다.

온라인 데모

소스코드 다운로드

여기서 추천하는 것은 이 사이트에서 트래픽이 많은 jQuery 특수 효과입니다. 필요한 친구는 직접 참조할 수 있습니다.

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