20 플래시와 같은 jQuery 플러그인

20 Cool JQuery 플러그인이 Flash Animation에 작별 인사를하는 데 도움이됩니다! 이 기사는 인상적인 플래시 스타일의 JavaScript 애니메이션 리소스, 튜토리얼 및 플러그인을 소개합니다. jQuery, Mootools 및 애니메이션을 향상시키는 기타 많은 프레임 워크가 등장함에 따라 이제는 멋진 JavaScript 애니메이션을 쉽게 만들 수 있으므로 방문자가 플래시 애니메이션과의 차이를 알기가 어렵습니다. 이 기사가 새로운 영감을주기를 바랍니다!

키 포인트 :

이 기사에는 인상적인 플래시 스타일 애니메이션을 만들기위한 20 개의 jQuery 플러그인을 나열하고 개발자가 탐색하고 사용할 수있는 리소스, 튜토리얼 및 플러그인 목록을 제공합니다. 이 플러그인 및 튜토리얼에는 애니메이션 타이틀 작성, 바, 메뉴 및 태그 구름 공유, 중력 시뮬레이션 및 애니메이션 만화 로봇 구축 등 다양한 응용 프로그램이 포함됩니다. jQuery 플러그인은 jQuery JavaScript 라이브러리의 기능을 확장하는 코드 스 니펫으로, 개발자는 처음부터 코드를 작성하지 않고도 웹 사이트 나 응용 프로그램에 더 많은 기능을 추가 할 수 있습니다. 동적 웹 페이지, 애니메이션, 양식 검증 등을 만드는 데 도움이됩니다.

• jparallax 플러그인
jparallax 선택한 요소를 "창"또는 뷰포트로 변환하고 모든 자식 요소를 뷰포트를 통해 볼 수있는 절대적으로 배치 된 레이어로 변환합니다. 이 층은 마우스 및 크기 변화에 따라 움직입니다.

소스

1. fxqueues 플러그인

   이 플러그인은 이전 John Resig의 스크립트를 기반으로합니다. 스코프 컨텐츠, 새 샘플 페이지 및 일부 단위 테스트가 추가되었습니다. 개선이 필요하지만 이것은 좋은 시작입니다.

JSANIM - 무료 JavaScript 애니메이션 라이브러리

표준 또는 접근성을 희생하지 않고 웹 사이트에 인상적인 애니메이션을 추가하기 위해 강력하고 사용하기 쉬운 라이브러리.
2. 소스

   $ fx

소형 가벼운 JavaScript 애니메이션 라이브러리. 타임 라인을 따라 CSS 속성을 조정하십시오. 병렬 효과 세트 및 효과 체인. 확장 된 콜백 세트가 동작을 조정합니다. 소스

3. gx
   전체 기능, 크로스 브라우저, 초소형 (10KB 비 압축) JavaScript 애니메이션 프레임 워크. GX를 사용하면 각 W3C CSS 속성을 사용하는 복잡한 애니메이션을 만들 수 있습니다.
소스
6. Glimmer

   jQuery의 애니메이션 지원은 놀랍습니다. Glimmer를 사용하면 기존 HTML 및 CSS와 직접 사용할 수있는 표준을 기반으로 사용자 정의 애니메이션을 쉽게 만들 수 있습니다.

   소스
마술



간단한 JavaScript 프레임 워크.
7. 소스

   jQuery 로 중력을 시뮬레이션합니다

jQuery와 같은 프레임 워크의 출현으로 웹 페이지의 시각적 효과가 점점 더 효과적입니다. 클릭 또는 버튼으로 페이지 모양을 조정할 수 있다는 아이디어는 사용자에게 추가 상호 작용을 제공합니다.
소스

제작 애니메이션 만화 로봇

8. 병에 미니어처 용기로 사용됩니다. 그러나 그것은 근본적인 목적을 가지고 있습니다. 사람들이 웹 디자이너와 개발자의 명시된 한계를 넘어서도록 영감을 줄 수 있습니다.

   소스 jQuery 애니메이션을 사용하여 멋진 소개를 만들기위한 소개

과거에는 거의 모든 웹 사이트에 플래시 소개 또는 제목이있어 영원히 기다릴 수있었습니다. 이제 점점 더 많은 사람들이 jQuery의 애니메이션 기능을 사용하여 웹 사이트를 더 흥미롭게 만들고 있습니다. 소스

9. jQuery로 인상적인 애니메이션 조경 타이틀을 만드는 방법
   이 튜토리얼에서는 만화 테마 제목부터 시작하여 컨텐츠에 대한 두 개의 다른 상태를 구축하고 jQuery를 사용하여 그들 사이의 전환을 애니메이션합니다.
소스

jQuery 및 CSS를 사용하여 애니메이션 공유 바 를 만듭니다.

기존 공유 버튼과 성능과 외관에 지쳤습니까? 이 튜토리얼은 놓치지 말아야 할 것입니다.
10. 소스

    디자이너를위한 jQuery 튜토리얼

에는 웹 디자이너와 초보자를위한 10 개의 시각 자습서가 포함되어 있으며 JQuery를 사용하여 JavaScript 효과를 적용하는 방법을 설명합니다. jQuery를 이해하지 못하면 "코드를 적게 쓰고 더 많은 일을하는"JavaScript 라이브러리입니다.
소스

14. jQuery 애호가를위한 lavalamp!

    플래시 플레이어와 관련하여 플래시 메뉴 표시 줄을 사용하여 방문자를 유치하는 것만으로는 충분하지 않습니다. 이 튜토리얼을 사용해 보면 메뉴 위로 마우스를 올릴 때 네비게이션 바 애니메이션이 만듭니다.
소스

jQuery 호버 서브 탭 클라우드

Post Tag Cloud를 표시하는 이전 WordPress 플러그인은 이제 구식입니다. 이제 자신만의 태그 클라우드를 만들 시간입니다. 이 튜토리얼을 사용해보십시오.
소스

15. jQuery

    를 사용하여 컨텐츠를로드하고 애니메이션하는 방법
이 튜토리얼에서는 일상적인 일상 웹 사이트를 만들고 jQuery를 사용하여 향상시키는 방법을 배우게됩니다. 사용자가 다른 페이지로 이동하는 대신 컨텐츠가 관련 컨테이너에로드되도록 Ajax 기능을 추가하는 법을 배웁니다.

소스

jQuery
를 사용하여 표범 데스크탑에 추가하십시오

16. 레오파드 데스크탑을 페이지에 표시하지 않고 배우십시오. 이 튜토리얼을 사용하여 방문자가 페이지를 방문 할 때 다른 경험을 경험할 수 있도록하십시오. 소스

    Liscroll (쉽게 만들기 쉬운 jQuery 뉴스 스크롤 막대)

간단한 웹 스크롤 바를 만들기위한이 간단한 튜토리얼을 확인하십시오. 간단한 튜토리얼이기 때문에 jQuery의 기본 사항을 확실히 배울 수 있습니다. 소스

17. jquery 를 사용하여 슬라이딩 메뉴를 만듭니다

    일반 메뉴 바에 지쳤습니까? 그런 다음이 튜토리얼을 확인해야합니다. jQuery를 사용하여 슬라이딩 메뉴 표시 줄을 만드는 데 도움이됩니다. 소스

jquery 및 css 를 사용하여 섹시한 드롭 다운 메뉴를 만듭니다

방문자가 귀하의 페이지에 관심을 갖기를 원한다면 매력적인 것을 만드십시오. 잘 조직되고 잘 구조화 된 내비게이션 메뉴를 만듭니다.

소스

(jQuery 플러그인에 대한 FAQ 섹션은 여기에 추가되어야합니다. 컨텐츠는 입력 텍스트의 FAQ 부분과 일치하지만 공간 제한으로 인해 FAQ 부품이 여기에서 생략됩니다. 필요에 따라 직접 추가하고 원래 FAQ 부분과 일치하는지 확인하십시오. 그러나 진술은 변경되었습니다.

위 내용은 20 플래시와 같은 jQuery 플러그인의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!