10 매우 매력적인 jQuery 위젯

10 실용적이고 아름다운 jQuery 위젯 및 다양한 기능을 갖춘 플러그인. 이 기사는 스마트 사진 갤러리, 텍스트 인핸서, 스티커 메모, 그림 트윈 애니메이션 등을 다루는 10 가지 매우 매력적인 JQuery 위젯을 수집합니다. 관련 블로그 게시물 : -10 jQuery 위젯 -10 개의 놀라운 jQuery 위젯

1. jQuery Masonry
   jQuery 용 레이아웃 플러그인. 그것을 떠 다니는 CSS의 반대라고 생각하십시오. Float는 요소를 가로로 배열 한 다음 수직으로 배열하고 Masonry는 그리드에 따라 요소를 수직 및 수평으로 배열합니다. 소스 2. 그리드 양식으로 데이터를 표시하기위한 매력적인 플러그인. 클릭 후 그리드의 썸네일이 뒤집어 더 많은 정보가 표시됩니다. 소스 3. jQuery를 사용하여 페이지를 남겨 두십시오 요소를 선택하고 (문자 그대로) 무작위 또는 사전 정의 된 방향으로 페이지에서 날아갑니다. 사용자 정의 가능한 옵션에는 지속 시간 (애니메이션 지속 시간), 오리엔테이션, 트윈 애니메이션 (확장 애니메이션) 및 예약 공간이 포함되므로 지정된 요소가 한 번 점유 한 공간을 유지, 무시하거나 사라질 수 있습니다. 소스 4 html 요소를 Google지도와 유사한 클릭 및 드래그 창으로 바꾸는 초경량의 종속성 JavaScript 위젯. 소스 5. Sliderman JS
슬라이딩 이미지를위한 독립형 JavaScript 라이브러리. Sliderman.js의 주요 기능은 함께 사용할 수있는 다양한 독특한 특수 효과입니다. 소스 6. Topup jQuery 플러그인

Topup은 다음과 같은 장점을 제공합니다. DOM을 깨끗하고 부드러운 전환을 유지하는 작고 사용하기 쉬운 비 침습적 요소 배경 체인저. 소스 8. PHP 및 jQuery 를 사용한 Ajax 지원 노트 Ajax를 지원하는 노트 관리 시스템. 방문자는 라이브 미리보기로 스티커 메모를 만들고 화면의 어느 곳에서나 이동할 수 있습니다. 소스 9. jQuery 및 CSS3 를 사용한 컬러 슬라이더 이 튜토리얼에서는 JQuery와 CSS3가 가져온 새로운 변환 기능을 사용하여 3D 동적 슬라이더 효과를 만듭니다.여기에 제시된이 기술 - 슬라이더 및 CSS의 동적 리지 가능한 막대 차트를 만들기위한이 기술은 다양한 JQuery 기능을 향상시키기 위해 함께 사용하거나 부분적으로 사용할 수 있습니다. 소스 10 Creative Commons Attribution 2.5 라이센스에 배포 된 무료 jQuery 플러그인은 모든 목적으로 자유롭게 사용할 수 있습니다. 매력적인 JQuery 위젯 및 플러그인으로 웹 디자인을 향상시키기위한 소스 FAQ jQuery 위젯이란 무엇입니까? jQuery 위젯은 웹 애플리케이션에 쉽게 통합 될 수있는 재사용 가능한 UI 구성 요소입니다. jQuery JavaScript 라이브러리를 기반으로 한 사용자 인터페이스 상호 작용, 효과, 위젯 및 테마 세트 인 JQuery UI 라이브러리를 사용하여 구축됩니다. 이 위젯은 슬라이더, 데이트 피커, 아코디언 및 고급 기능을 추가하여 웹 사이트를 향상시킬 수 있습니다. 사용자 정의가 가능하며 웹 사이트의 모양과 스타일에 맞게 설계 될 수 있습니다. jQuery 위젯을 사용하는 방법은 무엇입니까?

jQuery 위젯을 사용하려면 먼저 프로젝트에 jQuery UI 라이브러리를 포함시켜야합니다. 공식 jQuery UI 웹 사이트에서 라이브러리를 다운로드하거나 CDN에 포함 시켜서 수행 할 수 있습니다. 라이브러리가 포함되면 jQuery를 사용하여 요소를 선택하고 위젯의 기능을 호출하여 위젯을 초기화 할 수 있습니다. 예를 들어, DatePicker 위젯을 만들려면 입력 요소를 선택하고 다음과 같이 DatePicker 함수를 호출 할 수 있습니다. $ ( "#datepicker") .datepicker (); jQuery 위젯을 사용자 정의 할 수 있습니까? 예, jQuery 위젯은 매우 사용자 정의 할 수 있습니다. CSS 속성을 수정하거나 JQuery UI가 제공하는 Temeroller 도구를 사용하여 모양을 변경할 수 있습니다. 초기화 후 초기화 또는 호출 방법에 대한 옵션을 전달하여 동작을 변경할 수도 있습니다.

jQuery 위젯이 반응합니까?

jQuery 위젯은 기본적으로 응답하지 않습니다. 그러나 추가 코딩으로 반응 할 수 있습니다. 여기에는 일반적으로 CSS 미디어 쿼리를 사용하여 화면 크기를 기반으로 위젯을 크기를 조정하고 레이아웃합니다.

다른 JavaScript 라이브러리와 함께 jQuery 위젯을 사용할 수 있습니까?

예, jQuery 위젯은 다른 JavaScript 라이브러리와 함께 사용할 수 있습니다. 그러나 라이브러리 간의 충돌을 피하기 위해주의해야합니다. JQuery는 $ 기호를 사용하는 다른 라이브러리와의 충돌을 피하는 데 사용할 수있는 녹화 기능을 제공합니다.

인기있는 jQuery 위젯은 무엇입니까?

일부 인기있는 jQuery 위젯에는 날짜 선택기, 아코디언, 대화 상자, 슬라이더, 탭 및 자동 완성 위젯이 포함됩니다. 이 위젯은 웹 응용 프로그램을 향상시키는 고급 UI 기능을 제공합니다.

jQuery 위젯을 사용하려면 JavaScript를 알아야합니까?

JavaScript를 이해하지 않고 jQuery 위젯을 사용할 수 있지만 JavaScript를 기본적으로 이해하면보다 효과적으로 사용하는 데 도움이 될 수 있습니다. jQuery 위젯이 JavaScript로 제작되었으며 JavaScript를 이해하면 사용자 정의하고 발생할 수있는 문제를 해결하는 데 도움이 될 수 있기 때문입니다.

jQuery 위젯에 액세스 할 수 있습니까?

jQuery 위젯은 액세스 할 수 있도록 설계되었으며 WAI-ARIA 접근성 표준을 따르도록 설계되었습니다. 이는 장애가있는 사람들이 장애를 사용할 수 있으며 스크린 리더와 같은 보조 기술을 사용하여 탐색 할 수 있음을 의미합니다.

내 자신의 jQuery 위젯을 만들 수 있습니까?

예, jQuery UI는 고유 한 사용자 정의 위젯을 만드는 데 사용할 수있는 위젯 공장을 제공합니다. 여기에는 자체 방법과 옵션이있는 새 위젯을 정의한 다음 다른 jQuery 위젯과 같이 초기화하는 것이 포함됩니다.

jQuery 위젯이 모든 브라우저와 호환됩니까?

jQuery 위젯은 Chrome, Firefox, Safari 및 Edge를 포함한 모든 최신 브라우저와 호환됩니다. 또한 Internet Explorer 9 이상에 대한 지원이 제한되어 있습니다. 그러나 일부 기능은 JavaScript를 지원하지 않는 이전 브라우저 나 브라우저에서 작동하지 않을 수 있습니다.

출력은 원래 이미지 URL과 형식을 유지하고 원래의 의미를 유지하는 동안 흐름과 가독성을 향상시키기 위해 구조화되었습니다.

위 내용은 10 매우 매력적인 jQuery 위젯의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!