집 >웹 프론트엔드 >JS 튜토리얼 >유용한 js 플러그인 공유

유용한 js 플러그인 공유

小云云원래의: 2018-03-14 15:58:313519검색

일부 오픈소스 웹사이트에서 다운로드한 백엔드 관리 시스템 템플릿에는 일반적으로 js의 기능이 많이 포함되어 있습니다. 여기에 무작위로 쿼리를 작성하여 기록했습니다. 이 기사가 모든 사람에게 도움이 되기를 바랍니다.

텍스트:

1.zDialog.js

다양한 팝업 플러그인

자세한 사례: http://www.2ky.cn/Pri_upfile/txdemo/0811/zDialog/zDialogDemo.html

2. Bootstrap Ace 템플릿, ace.min.js, ace-element.min.js 기반의 메뉴 및 탭 페이지 효과

아름다운 배경 템플릿(html/js)을 프로젝트에 직접 배포할 수 있습니다
상세 소개 : http://www.tuicool.com/articles/aiiQFjb

3.jquery.flot.js Jquery 차트 플러그인 float

Flot은 간단한 사용, 대화형 효과 및 매력적인 Jquery 차트 플러그인입니다. 외관 특징. 현재 Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+, Opera 9.5+ 및 기타 브라우저를 지원합니다. 이는 Javascript 및 Jquery

4.jquery.easypiechart.js

기반의 순수 클라이언트 스크립트 라이브러리입니다. 신규 방문수, 이탈률, 서버 로드, RAM 사용량 등을 계산하는 데 주로 사용됩니다. 매우 강력하고 눈부신 HTML5 애니메이션 효과가 있습니다.

5. jquery 작은 그림 그리기 플러그인-jquery.sparkline.js

기본 꺾은선형 차트, 세로 막대형 차트, 원형 차트 등
공식 홈페이지 링크: http://omnipotent.net/jquery.sparkline/ #s-피드백

6.jquery.slimscroll.js jQuery 콘텐츠 스크롤 플러그인

높이, 너비, 위치, 스크롤 막대 크기, 크기, 색상 및 다양한 매개변수 사용자 정의를 정의할 수 있습니다

7.jquery.ui.touch .js jQuery 터치 효과

터치 이벤트 해결 및 iPhone의 슬라이딩 효과 제공

8.camera.min.js 슬라이드쇼 플러그인

그림 회전목마 효과, 슬라이드쇼 효과
공식 홈페이지 주소: http: //www.pixeledelic .com/plugins/camera/#download_anchor

9.templatemo-script.js 적응형 화면 해상도 도로 크기

적응형 화면을 구현하는 데 일반적으로 사용되는 코드

10.jQuery Easing 플러그인

은 이전 버전입니다. 많은 웹사이트, 특히 페이지 스크롤 및 슬라이드 전환과 같은 일부 시나리오에서 사용되는 jQuery 플러그인입니다. 매우 작고 선택할 수 있는 다양한 애니메이션 옵션이 있으며 사용하기 쉽고 무료입니다

11.jquery.cookie.js

읽고, 쓰고, 삭제할 수 있는 경량 쿠키 플러그인입니다. 쿠키.

portal system

Portal은 원래 정문, 입구를 의미하며 현재는 주로 인터넷상의 포털(포털) 웹사이트와 기업용 애플리케이션 시스템으로 사용되고 있습니다.

Spin.js는 창작을 위한 도구입니다. 프로세스 진행 알림 제어 프레임워크

ace.min.js 템플릿 메뉴 및 탭 페이지 효과

Bootbox.js은 간단한 프로그래밍 가능 대화 상자를 만드는 데 사용되는 작은 JavaScript 라이브러리입니다. 트위터의 Bootstrap을 기반으로 개발되었습니다.

chosen.jquery.min.js

　 http://www.oschina.net/p/jquery-chosen-plugin/

　 Query Chosen Plugin은 콘텐츠를 변환하는 데 사용되는 jQuery 플러그인입니다. 웹 페이지에서 기능 확장 및 미화를 위한 드롭다운 상자입니다. 다음 그림과 같이 드롭다운 상자 검색, 다중 태그 편집 및 기타 기능을 실현할 수 있습니다.

prettiify.js

구문 강조 셰이더 prettiify
prettify HTML 페이지에서 프로그램 코드를 색상화하는 간단한 형식을 제공하는 소스 코드 구문 강조 쉐이더가 제공됩니다. 가장 뛰어난 기능은 코드의 언어 유형을 지정할 필요가 없으며 자동으로 결정한다는 것입니다.

jquery.ui.touch-punch.min.js

jQuery 제어 라이브러리인 Touch Punch jQuery UI는 터치 이벤트를 지원하지 않습니다.

Touch Punch 플러그인은 이 컨트롤 라이브러리에 터치 이벤트 지원을 추가합니다. 이벤트를 시뮬레이션하여 터치 이벤트를 유사한 마우스 이벤트에 매핑합니다. 사용이 매우 간단합니다. 파일을 웹 페이지로 가져오기만 하면 됩니다. 코딩이 필요하지 않습니다.

프로젝트 홈페이지: http://touchpunch.furf.com/
다운로드 주소: https://github.com/furf/jquery-ui-touch-punch

jquery.sparkline.min.js 꺾은선형 차트 플러그인

공식 홈페이지 주소: http://omnipotent.net/jquery.sparkline/

문서 주소: http://omnipotent.net/jquery.sparkline/#docs

다운로드 주소: http://omnipotent .net /jquery.sparkline/#download