이 10 개의 멋진 jQuery 위젯으로 웹 사이트를 향상시킵니다

이 기사에서는 웹 사이트의 상호 작용과 기능을 향상시키기 위해 사용하기 쉬운 10 가지의 강력한 jQuery 위젯을 보여줍니다. 다이빙하자!

1. JQuery Delicious 플러그인 : api를 사용하여 Delicious.com에서 정보 표시

   라이브 데모 : http://bitbucket.org/pmclanahan/jquery-delicious/overview

2. jQuery checkboxtoslider 플러그인 : 양식 확인란을 세련된 슬라이더로 변환합니다.

   라이브 데모 : http://plugins.jquery.com/project/checkboxtoslider

3. Crayonbox JQuery 플러그인 : 다양한 옵션이있는 간단하면서도 다재다능한 색상 피커입니다. 텍스트 필드에 추가하십시오!

   

4. jQuery bogodice 플러그인 : 웹 페이지에 재미있는 주사위-롤링 기능을 추가합니다.

   

5. autoSnippet - 자동 코드 스 니펫 생성기 : 정확한 코드 스 니펫을 쉽게 생성합니다 (html, css, javascript).

   라이브 데모 : http://spacebug.com/projects/autosnippet/

6. Countdown JQuery 플러그인 : 특정 날짜와 시간에 카운트 다운 타이머를 쉽게 만듭니다.

   라이브 데모 : http://keith-wood.name/countdown.html

7. FlowPlayer : 웹 사이트에 비디오 스트림을 원활하게 포함시킵니다.

   라이브 데모 : http://flowplayer.org/

8. 멋진 팁 jQuery 툴팁 플러그인 : 모든 요소에 대한 매력적이고 사용자 정의 가능한 툴팁을 만듭니다.

   라이브 데모 : http://plugins.jquery.com/project/fancytip

9. jQuery 컬러 피커 : 작은 UI에 이상적이고 기능적인 색상 피커

   

10. 

    자주 묻는 질문 (faqs)

다음 FAQ는 jQuery 위젯의 사용 및 구현에 관한 일반적인 질문을 다룹니다.

jQuery 위젯은 단순성, 다양성, 시간 절약 사전 구축 코드, 사용자 정의 가능성 및 크로스 브라우저 호환성을 제공합니다.
• jQuery 위젯 사용자 정의 :

  위젯은 옵션 및 CSS를 통해 고도로 사용자 정의 할 수 있습니다.

• 반응 형 디자인 :

  본질적으로 응답하지 않지만 위젯은 CSS 미디어 쿼리를 사용하여 응답 할 수 있습니다.

• 크로스 브라우저 호환성 :

  jQuery 위젯은 크로스 브라우저 호환성을 위해 설계되었지만 테스트는 권장됩니다.

• jQuery 위젯 업데이트 : 기존 코드를 새 코드로 바꾸어 문서를 확인하여 변경 사항을 확인합니다.

• 사용자 정의 위젯 생성 : jQuery의 위젯 공장은 사용자 정의 위젯을 생성 할 수 있습니다.

• 접근성 : jQuery는 위젯에서 접근성을 위해 노력하지만 보조 기술로 테스트하는 것이 중요합니다.

• 이 포괄적 인 가이드는 웹 사이트의 사용자 경험을 향상시키기 위해 jQuery 위젯의 힘을 활용하기위한 견고한 기반을 제공합니다.