10 JQuery Accordions 탭

이 기사는 10 개의 뛰어난 jQuery 탭과 아코디언을 탐색합니다. 탭과 아코디언의 주요 차이점은 콘텐츠 패널이 표시되고 숨겨진 방식에 있습니다. 이 10 가지 예를 살펴 보겠습니다. 관련 기사 : AJAX & CSS를 사용한 10 JQuery 탭 플러그인, 10 개의 위대한 jQuery Accounions.

1. 프리미엄 박스 아코디언 메뉴 - responsive

고도로 사용자 정의 가능한 응답 아코디언 메뉴. 자신만의 독특한 디자인을 만들기 위해 기능을 실험하십시오.

2. 아직도 - 아직 (e) 또 다른 JavaScript 탭 인터페이스

소스 & 데모 3. 신선한 콘텐츠 아코디언

부드러운 애니메이션을위한 CSS, jQuery 및 완화 플러그인으로 구축 된 시각적으로 매력적이고 다채로운 아코디언.

소스 & 데모

4. jQuery 1.4 및 CSS3 가있는 달콤한 Ajax 탭 CSS3 및 JQuery 1.4를 사용하여 다채로운 Ajax 구동 탭을 구축하는 법을 배우십시오.

소스 & 데모

5. TN34 TIMETAB - jQuery 플러그인 Mario Alves의 jQuery 플러그인은 정해진 간격으로 탭을 자동으로 순환하는 탭 컨테이너를 만듭니다. 대부분의 현대식 브라우저와 호환됩니다 소스 & 데모

6. 쉬운 아코디언 - jQuery 플러그인 Andrea Cima Serniotti의 플러그인은 정의 목록 (DLS)을 부드러운 수평 아코디언으로 변환합니다. 선택적으로, 시간이 정한 슬라이드 쇼로 설정하십시오.

소스 & 데모

7. jQuery Smooth Tabs 플러그인

원활한 컨텐츠 전환으로 사용자 경험을 향상시키는 사용자 친화적 인 플러그인.

소스 & 데모 8. 우아한 아코디언 - jQuery 및 CSS3

호버에 슬라이드 아웃 세로 탭이있는 우아한 아코디언을 만듭니다. 이 튜토리얼은 단계별 지침을 제공합니다

소스 & 데모 9. CARLAPSER - jQuery 플러그인

페이지의 요소를 확장하고 붕괴하기위한 가벼운 플러그인.

소스 & 데모

10. 탭을 사용한 수평 아코디언 탭과 CSS를 사용하여 수평 아코디언을 쉽게 만듭니다. CSS로 외관을 사용자 정의하고 패널 공개를 위해 마우스 오버 이벤트를 설정하십시오.

소스 & 데모 11. 다중 탭 및 아코디언 인스턴스

jQuery 도구 1.1.0은 단일 호출로 여러 아코디언 또는 탭 인스턴스를 허용합니다. 예제는 5 개의 탭을 보여 주며, 두 번째 인스턴스에 3 개의 탭이 중첩되었습니다.

소스 & 데모 (참고 : 가능한 경우 소스 코드 및 데모에 대한 실제 링크로 >를 교체하십시오.)

FAQS 섹션은 공통 jQuery 지식의 반복이기 때문에 생략되었습니다.

.

위 내용은 10 JQuery Accordions 탭의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!