>웹 프론트엔드 >JS 튜토리얼 >웹사이트 인터페이스 경험을 향상시키는 20가지 jQuery 플러그인 공유_jquery

웹사이트 인터페이스 경험을 향상시키는 20가지 jQuery 플러그인 공유_jquery

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

jQuery는 지금까지 여전히 매우 인기가 높습니다. 많은 사용자는 인터페이스와 대화형 성능을 개선하기 위해 jQuery 플러그인을 사용하는 것을 좋아하지만 많은 웹사이트에서 사용되는 플러그인은 아직은 상대적으로 낡았는데 이건... 별로 좋지 않네요. 이제 '새 모델'로 바꿔야 할 때입니다!

웹 기술이 계속 발전함에 따라 새롭고 혁신적이며 실용적인 jQuery 플러그인이 많이 개발되었습니다. 모두가 이 정보에 더 많은 관심을 기울여야 합니다.

오늘은 웹사이트 인터페이스 경험을 향상시키는 20개의 jQuery 플러그인을 정리하겠습니다. 이 코드는 비교적 "새로운" 코드입니다. 마음에 드시면 웹사이트 프로젝트에 사용해 보세요.

카드

실제 신용카드 인터페이스를 시뮬레이션하는 친숙한 신용카드 양식 플러그인. 경험이 정말 좋습니다.

信用卡 支付 jQuery插件
데모 및 플러그인 다운로드

슬릭

단일 이미지 또는 여러 아이콘을 지원하고 포커스, 터치 스크린, 왼쪽 및 오른쪽 버튼 전환 방식을 갖춘 강력하고 실용적인 반응형 슬라이드쇼(라이트박스) jQuery 플러그인이 매우 마음에 듭니다!

响应式幻灯片 jQuery插件
데모 및 플러그인 다운로드

FlyLabel.Js

이것은 또 다른 혁신적인 입력 양식 상호 작용입니다. 드리블에서 처음 봤고 나중에 Google의 머티리얼 디자인도 이 방법을 사용하는 것 같았습니다.

表单 jQuery插件
데모 및 플러그인 다운로드

개조

반응형 jQuery 팝업 플러그인, 플랫 디자인, 반응성과 호환, 가볍고 사용자 정의가 용이함, 훌륭합니다!

웹사이트 인터페이스 경험을 향상시키는 20가지 jQuery 플러그인 공유_jquery
데모 및 플러그인 다운로드

스위치

Apple iOS 스타일 전환 버튼.

开关按钮 jQuery插件
데모 및 플러그인 다운로드

목록Nav

목록 표시가 여전히 이런 모습일 수 있다는 것이 밝혀졌습니다. 탭 탭과 마찬가지로 목록 번호를 표시할 수 있다는 점이 다릅니다.

列表 jQuery插件
데모 및 플러그인 다운로드

슬라이딩 메뉴

수직 좌우 슬라이딩 다단계 메뉴 플러그인, 매우 부드럽습니다. 반응형 디자인을 사용하세요.

左右滑动式菜单 jQuery插件
데모 및 플러그인 다운로드

뒤집기

하이라이팅 및 하이라이팅과 유사한 인용 플러그인입니다.

高亮 jQuery插件
데모 및 플러그인 다운로드

다크 툴팁

툴팁 프롬프트 정보의 향상된 버전이라고 할 수 있습니다. 좌우, 상하, 텍스트, 패턴, 팝업 확인 상자, 다중 레이어 프롬프트 등을 표시합니다. 사용이 매우 쉽습니다. 자세한 내용은 데모를 참조하세요.

Tooltips jQuery插件
데모 및 플러그인 다운로드

Fort.Js

이전에 "진행률 표시줄을 사용한 Micro Innovation 로그인 인터페이스 – Fort.js"를 소개한 적이 있습니다.

注册登陆 jQuery插件
데모 및 플러그인 다운로드

전체

설명 양식 플러그인.

表格 jQuery插件
데모 및 플러그인 다운로드

RadiosToSlider

라디오 버튼을 사용하는 새로운 방법.

单选按钮 jQuery插件
데모 및 플러그인 다운로드

CLNDR.Js

맞춤형 이벤트 캘린더 플러그인.

日历 jQuery插件
데모 및 플러그인 다운로드

Slinky.Js

위로 스크롤하는 원리와 약간 비슷합니다. 즉, 가시 범위 이상으로 아래로 슬라이드하면 메뉴가 자동으로 상단에 고정되어 사라지지 않는다는 것입니다.

固定 定位 jQuery插件
데모 및 플러그인 다운로드

투어팁

앞서 소개한 Intro.js 플러그인과 유사하게 인터페이스 안내에 사용됩니다.

引导 步骤 jQuery插件
데모 및 플러그인 다운로드

원형

사진을 보시면 아시겠지만 원형 형태의 데이터 테이블과 차트 플러그인입니다.

图表 jQuery插件
데모 및 플러그인 다운로드

파워레인지

CSS를 사용하여 스타일을 지정한 iOS7 스타일의 슬라이더 컨트롤 바이므로 스타일을 쉽게 수정할 수 있습니다.

호환 대상: IE 9, Chrome 14, Mozilla Firefox 6.0, Opera 11.6, Safari 5

滑块控制 jQuery插件
데모 및 플러그인 다운로드

이미지 라이트박스

라이트박스 이미지 표시 플러그인은 브라우저 크기에 따라 이미지 크기를 조정할 수 있습니다.

Lightbox jQuery插件
데모 및 플러그인 다운로드

선택하거나 죽거나

아름다운 드롭다운 선택 상자 플러그인, 내장 스타일이 매우 아름답습니다. 물론, 잘생긴 스타일만큼 단순할 뿐만 아니라, 다단계 메뉴 그룹 지원, 선택 금지 그룹, 점프 메뉴 등 실용적인 기능도 많이 가지고 있습니다.

下拉选择框 插件
데모 및 플러그인 다운로드

헤드헤시브

고정 상단 탐색을 위한 특수 효과 플러그인입니다. 맨 위로 스크롤하는 것과도 유사합니다.

导航 菜单 jQuery插件
데모 및 플러그인 다운로드

중국어 편찬: 디자인 전문가

원본 출처: webresourcesdepot

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