>  기사  >  웹 프론트엔드  >  2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

WBOY
WBOY원래의
2016-05-16 16:26:371489검색

유용한 jQuery 라이브러리는 디자이너와 개발자 사이에 매우 친숙한 문구입니다. 이것은 오늘날 인터넷에서 가장 인기 있는 JavaScript 라이브러리 중 하나입니다. 모든 디자이너와 개발자는 그 중요성을 알고 그 기능과 특징을 잘 알고 있어야 합니다.

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

jQuery는 웹사이트의 거의 모든 문제를 해결할 수 있습니다. 매력적이고 창의적인 웹사이트를 만드는 데 방해가 되는 모든 문제를 해결할 수 있습니다. 브라우저 간 문제를 해결하려면 JavaScript 함수 라이브러리를 사용해야 합니다.

jQuery 라이브러리는 웹 개발자에게 훌륭한 소스입니다. 인터넷에 있는 많은 jQuery 플러그인은 무료로 사용할 수 있지만 이러한 뛰어난 jQuery 플러그인을 찾으려면 많은 시간을 투자하고 많은 사이트를 거쳐 최신 및 가장 인기 있는 jQuery 라이브러리에 대해 배워야 합니다. .

그래서 오늘 기사에서는 웹사이트에서 사용하기에 가장 적합한 jQuery 라이브러리를 많이 모아봤습니다. 이를 사용하여 웹사이트에 멋진 효과를 추가할 수 있습니다.

1. 나무

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

Treed는 귀하의 웹사이트에서 나무 편집에 사용될 수 있습니다. 확장 가능하고 사용자 정의가 가능하며 강력하고 사용하기 매우 쉬운 플러그인입니다.

2. jQuery 진동

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 기능은 모바일 장치용으로 특별히 제작되었습니다. 이를 통해 개발자는 특정 기간 동안 모든 장치를 진동시킬 수 있습니다.

3. 비행 표시기

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

사용하기 매우 쉬운 플러그인입니다. HTML, CSS3, jQuery 및 SVG 이미지를 사용하여 고품질 비행 표시기를 표시할 수 있습니다. .

4. jQuery LightSlider

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

Lightslider는 귀하의 웹사이트에 적응형 및 터치 가능한 콘텐츠 슬라이더를 제공합니다. 슬라이딩 및 페이드 효과를 통해 모든 주요 브라우저와 호환됩니다.

5. jQuery GoUp!

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 플러그인은 매우 간단하고 사용하기 쉽습니다. 이를 통해 웹사이트 방문자는 페이지 상단으로 바로 클릭할 수 있습니다.

6. 이미지 자르기

Image Cropper

이 jQuery 플러그인을 사용하면 웹사이트에서 이미지를 자를 수 있습니다. 또한 몇 가지 옵션과 미리보기도 제공합니다. 높이와 너비도 설정할 수 있습니다.

7. 데브라마 슬라이더

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

Devrama는 적응형 이미지 슬라이더 플러그인입니다. 이미지와 HTML 콘텐츠를 지원합니다. 그리고 다양한 전환 효과도 있습니다.

8. 2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery는 웹 사이트 요소를 페이드 아웃할 수 있는 매우 간단한 플러그인입니다. 스타일은 단순하고 사용하기 쉬우며 웹사이트에 적합합니다.

9. 포킷

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

Forkit.js는 방문자에게 놀라운 추가 콘텐츠를 제공할 수 있는 애니메이션 리본을 표시하는 jQuery 플러그인입니다. 일반적으로 오른쪽 상단에 배치됩니다.

10. 세로형 뉴스 슬라이더

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이름에서 알 수 있듯이 뉴스 헤드라인을 왼쪽에 표시하고 동시에 미리 보고 간략하게 요약할 수 있는 옵션을 제공하는 jQuery 및 CSS3 기반 슬라이더입니다.

11. 찾는 중

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이것은 페이지의 목록 항목에 대한 텍스트 검색을 허용하고 일치하지 않는 항목을 숨기는 jQuery 플러그인입니다.

12. 브라우저 스와이프

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 플러그인을 사용하면 웹사이트에서 스크롤할 때 트랙패드 스와이프 이벤트를 비활성화할 수 있습니다. 마우스 휠과 위아래 스크롤을 기반으로 반응을 제어합니다.

13. 치킨디너

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

ChickenDinner는 독특한 jQuery 플러그인입니다. 이미지 태그나 배경을 통해 클라이언트 측 배열에서 무작위로 이미지를 로드할 수 있습니다.

14. 플리커 플레이트

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

반응이 빠르고 사용하기 쉬운 jQuery 플러그인입니다. 페이지에서 페이지를 넘겨 웹 페이지의 콘텐츠를 탐색할 수 있습니다.

15. SVGMagic

SVG Magic

SVG 이미지를 PNG로 변환하고 싶으십니까? 이 간단한 jQuery 라이브러리를 사용하세요. 브라우저가 SVG 형식을 지원하지 않는 경우 웹사이트에서 SVG 이미지를 검색하여 PNG 이미지로 변환할 수 있습니다.

16. 2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 jQuery 플러그인은 YouTube 동영상을 지연 로드하는 데 사용됩니다. 처음 로드할 때 그리드는 클릭하면 자동으로 재생되는 비디오 미리보기 이미지로 대체됩니다.

17. 스크롤매직

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 플러그인을 사용하면 콘텐츠가 특정 위치로 스크롤될 때 사용자와의 다양한 상호작용 요소, 멋진 애니메이션 등을 제어할 수 있습니다.

18. 2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery는 웹사이트에서 이미지나 기타 요소를 일직선으로 정렬하는 jQuery 플러그인입니다. 이것은 작고 사용하기 쉬운 도구입니다.

19. 개조

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

해시 추적 및 선언적 상태 표기를 위한 jQuery 플러그인입니다. 적응성이 뛰어나고 단순하며 사용자 정의가 쉽습니다.

20. 파노라마 뷰어

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이것은 매우 유용한 jQuery 플러그인입니다. 웹 사이트에 파노라마 사진을 삽입하여 더욱 독특한 느낌을 보여줄 수 있습니다.

21. 플로팅 라벨

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

개발자에게 매우 친숙한 jQuery 플러그인입니다. 사용자가 텍스트를 서로 연결하면 자리 표시자 값이 위로 이동하여 그 위에 입력된 텍스트를 표시합니다.

22. 플루이드박스

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이것은 매우 유용한 jQuery 플러그인입니다. 더 큰 해상도의 이미지에 연결되는 방식으로 보이는 중유체 라이트박스 모듈을 복제하고 개선합니다.

23. 헤드룸

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery.js는 웹사이트의 주요 콘텐츠를 사용자의 기본 탐색 위치에 가깝게 유지하는 데 도움이 됩니다. 웹사이트를 아래로 스크롤하면 자동으로 철회되고, 웹사이트를 위로 스크롤하면 자동으로 표시됩니다.

24. A-슬라이더

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

A-Slider는 오디오도 지원하고 사용하기 매우 쉽고 HTML 기능을 사용하여 고도로 구성 가능한 적응형 단순 슬라이더입니다.

25. 2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jqueryJS

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

jQuery UI 구성 요소와 CSS3 스타일을 결합하여 모든 기능을 갖춘 "CoverFlow" 효과를 만들 수 있는 CoverFlow 프로젝트입니다.

참고: 커버 플로우는 여러 곡의 커버를 3D 인터페이스 형태로 표시하는 Apple의 첫 번째 방법입니다.

26. jQuery 2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 jQuery 플러그인은 Facebook 게시물의 첨부 기능과 매우 유사합니다. 오픈 그래프 속성을 기반으로 모든 URL의 실시간 미리보기를 생성할 수 있습니다.

27. 2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 플러그인을 사용하면 웹 애플리케이션이 뷰포트 내의 이미지만 로드할 수 있습니다. 네 가지 화면 크기에서 서로 다른 버전의 이미지를 가질 수 있습니다.

28. jQuery 축소기

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 jQuery 플러그인을 사용하면 텍스트, 문자, 선을 사용하여 요소의 텍스트를 유연하게 축소할 수 있습니다. 문단 접기 기능을 구현하기 위한 다양한 기능을 가지고 있습니다.

29. 시차 이미지 스크롤

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 플러그인은 이미지에 시차 효과를 만들 수 있습니다. 사용이 간편하며 수정을 위한 다양한 옵션을 제공합니다. 애니메이션과 CSS3 스타일도 사용할 수 있습니다.

30. 블록스크롤

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 jQuery 플러그인은 더 나은 표현을 위해 페이지의 작은 부분을 분할합니다. 요소를 한 번에 한 화면씩 표시하여 전체 페이지를 자동으로 맞추세요.

31. 전체 페이지 이미지 슬라이드쇼

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

전체 페이지에서 이미지 슬라이드쇼를 자동으로 확장하여 디스플레이를 자동으로 채울 수 있게 해주는 jQuery 플러그인입니다. 이미지를 확대 및 축소하여 볼 수 있습니다.

32. 이지트리

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery는 웹사이트에서 UL 목록 또는 JSON을 변환하는 트리 메뉴를 디자인하기 위한 jQuery 플러그인입니다. 사용하기 매우 쉽고 모든 사람이 완전 무료입니다.

33. 지도에 표시됨

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery를 사용하면 지도에서 장소를 쉽게 선택할 수 있습니다. Google Places API를 사용하여 만들 수 있는 맞춤 장소를 추가하고 편집할 수도 있습니다.

34. 래디언트 스크롤러

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 jQuery 플러그인을 사용하면 그리드 및 수평 레이아웃을 사용하여 자동 응답성을 갖춘 스크롤 효과를 만들 수 있습니다. 다양한 옵션과 일부 API 메소드로 수정할 수 있습니다.

35. 이미지 라이트박스

Image Lightbox

이것은 이미지 라이트박스 효과만을 위한 작은 플러그인입니다. 제목과 탐색 버튼이 없어 매우 간단합니다. 반응성이 뛰어나고 터치하기 쉬우며 모든 주요 모바일 운영 체제에서 작동합니다.

36. 미스터제이슨테이블

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 jQuery 플러그인은 매우 간단하고 사용하기 쉽습니다. 페이지 매김 및 정렬을 활용하여 JSON 데이터에서 HTML 페이지를 구축할 수 있습니다. 열을 숨길 수도 있습니다.

37. 이미지핏

jQuery ImageFit

개발자에게 매우 편리한 jQuery 플러그인입니다. 간단하고 가볍습니다. 이를 통해 웹사이트 어디에서나 어떤 방식으로든 이미지를 사용할 수 있습니다.

38. 부트스트랩 검사기

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 jQuery 플러그인은 유효성 검사 옵션이 있는 웹사이트를 만들 때 매우 유용합니다. 많은 내장 옵션이 있습니다. 사용하고 이해하기가 매우 쉽습니다.

39. 끝 플러그인 크기 조정

jQuery Resize End

이 플러그인은 로드 후 브라우저 창 크기를 조정하는 데 유용한 플러그인입니다. 완료된 이벤트를 쉽게 처리하거나 조정할 수 있습니다.

40. 적응형 배경

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이미지에서 최상의 색상을 추출하여 상위 요소의 배경에 적용하는 jQuery 플러그인입니다.

41. 폼침프

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

사용자 정의할 수 있는 MailChimp용 jQuery 플러그인입니다. 사용자가 ajax를 사용하여 Mailchimp 목록에 로그인하는 쉬운 방법을 제공합니다.

42. 비밀번호 까꿍

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 jQuery 플러그인은 사용자가 비밀번호 필드를 보려는 경우 임시로 비밀번호 필드를 표시하는 데 사용됩니다. 사용자는 엿보기 기능을 통해 자신의 비밀번호를 볼 수 있습니다.

43. 셀렉토닉

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 jQuery 플러그인은 마우스와 키보드를 통해 선택 가능한 항목 목록을 구현합니다. 다양한 웹 애플리케이션에서 메뉴 및 드롭다운 메뉴 등과 같은 위젯을 사용할 수 있습니다.

44. 스도쿠

Sudoku plugin

이 jQuery 플러그인은 사용자 정의 Sudoku 레이아웃 생성을 재생하거나 시연하는 데 사용됩니다. 적응적입니다. 테마색상도 너무 이쁘네요.

45. 확대/축소

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 jQuery 플러그인을 사용하면 이미지 크기 조정 인터페이스를 만들 수 있습니다. 귀하의 웹 사이트에서 고도로 사용자 정의 가능하고 사용하기 쉽습니다. 최상의 결과를 얻으려면 두 개의 이미지를 사용하십시오.

46. Wanker.js

jQuery Wanker

이 플러그인은 공익 광고를 디자인할 때 매우 유용합니다. 이 플러그인을 사용하면 작업을 표시하고 방문자가 작업에 집중할 수 있습니다.

47. 양식 자동완성

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 jQuery 플러그인은 웹 개발자에게 매우 유용합니다. 이것은 자동으로 데이터를 채우는 간단한 빈 양식입니다. 프로그래머가 사용하기에도 매우 쉽습니다.

48. 이미지 맵 크기 조정

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 플러그인을 사용하면 HTML 이미지 맵을 이미지 크기에 맞게 확장된 상태로 유지할 수 있습니다. 창 크기가 변경되면 이미지 맵의 좌표가 업데이트됩니다.

49. jQuery 전체 화면 탐색

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 jQuery 플러그인은 전체 화면을 덮는

50. 쑤저우카다

2014년 프로그래머를 위한 가장 유용한 50가지 무료 JQuery 플러그인_jquery

이 jQuery 플러그인을 사용하면 웹사이트 링크를 입력하고 한 번 클릭하면 링크가 가리키는 웹사이트의 미리보기 이미지를 볼 수 있습니다.

요약

이 기사에서는 웹사이트에서 문제를 해결하는 데 사용할 수 있는 몇 가지 유용한 jQuery 라이브러리를 공유했습니다. 이러한 모든 플러그인이 귀하의 웹사이트 성능을 향상시키고 사용자에게 좋은 경험을 제공할 수 있기를 바랍니다. 이러한 모든 jQuery 플러그인은 매우 유용하며 창의적으로 웹 사이트를 더욱 아름답게 만들 수 있습니다.

우리가 훌륭한 플러그인을 놓쳤다고 생각한다면, 다른 모든 디자이너와 개발자가 자신의 웹사이트에서 사용할 수 있도록 좋아하는 jQuery 플러그인을 이 목록에 자유롭게 추가하세요. 아래 설명에 선호하는 jQuery 플러그인을 제공하면 됩니다.

참고: 원본 텍스트는 가장 유용한 jQuery 라이브러리 50개에서 참조되었습니다. 이 글은 원래 Yusi가 편집한 것입니다. 일부 번역이 삭제되거나 오류가 있는 점 양해해 주시기 바랍니다. 재인쇄시 출처를 꼭 밝혀주세요.
재인쇄시 꼭 표기해 주세요: 유시 블로그

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