


Bootstrap multifunktionales benutzerdefiniertes Tab-Plugin

Das benutzerdefinierte Bootstrap-Tab-Plug-in ist ein leistungsstarker jQuery-Tab-Code und unterstützt das Schließen, Hinzufügen, Wechseln zur Positionierung, Positionieren zum aktuellen, Schließen anderer, Schließen aller, Links- und Rechtsgleiten, Abrufen des linken und rechten Gleitschrittwerts und Abrufen des Stroms Option Karten-ID, alle Tab-Breiten abrufen, alle Tab-Funktionscodes abrufen usw.
JS-Code
<script type="text/javascript" src="js/nth.tabs.min.js"></script> <script> var nthTabs; $(function () { //一个低门槛的演示,更多需求看源码 //基于bootstrap tab的自定义多标签的jquery实用插件,滚动条依赖jquery.scrollbar,图标依赖font-awesome nthTabs = $("#editor-tabs").nthTabs(); nthTabs.addTab({ id:'a', title:'孙悟空', content:'看我七十二变', }).addTab({ /*换个姿势*/ id:'b', title:'猪八戒-关不掉', content:'高老庄娶媳妇', active:true, allowClose:false, }).addTab({ id:'c', title:'沙和尚', content:'请叫我大叔', }).addTab({ id:'d', title:'唐僧', content:'光头一个', }).addTab({ id:'e', title:'武松', content:'打虎猛汉', }).addTab({ id:'f', title:'潘金莲', content:'大美女', }).addTab({ id:'g', title:'来个标题长一点的的的来个标题长一点的的的', content:'你赢了', }).addTab({ id:'h', title:'支持连贯操作', content:'没错就是这么爽', }).addTab({ id:'i', title:'欢迎提意见', content:'一定一定', }).addTab({ id:'j', title:'熬夜写的啊', content:'码农苦逼~', }).setActTab("#c"); }); </script>
Alle Ressourcen auf dieser Website werden von Internetnutzern bereitgestellt oder von großen Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrität der Software! Alle Ressourcen auf dieser Website dienen nur als Referenz zum Lernen. Bitte nutzen Sie diese nicht für kommerzielle Zwecke. Andernfalls sind Sie für alle Folgen verantwortlich! Wenn ein Verstoß vorliegt, kontaktieren Sie uns bitte, um ihn zu löschen. Kontaktinformationen: admin@php.cn
Verwandter Artikel

09 Oct 2016
Verschiedene Spezialeffekte des Filters in CSS3

14 Oct 2016
HTML5CSS3-Spezialeffekte – Ball springt auf und ab

04 Aug 2016
Ich habe einige gut aussehende Websites gesehen und wollte wissen, wie ihre Animationen und Spezialeffekte erstellt wurden. Gibt es eine Software oder ein Plug-in, das die gesamte URL einschließlich JS- und CSS-Stilen extrahieren kann?

14 Nov 2024
Impliziter Kopierkonstruktor für Klassen, die andere Objekte enthaltenBeim Arbeiten mit Klassen, die andere Objekte enthalten, ist der Standardkopierkonstruktor...

07 Dec 2024
Warum schreibt CSS2.1 andere Überlaufwerte als „sichtbar“ vor, um einen neuen Blockformatierungskontext einzurichten? In CSS2.1 sind andere Überlaufwerte als...

10 Nov 2024
Ermitteln des Methodennamens des Aufrufers in PythonBei der objektorientierten Programmierung können Methoden häufig andere Methoden für dasselbe oder andere Objekte aufrufen....

22 Dec 2024
Umleiten auf eine andere Webseite in der WebentwicklungWenn Sie versuchen, Benutzer auf eine andere Seite umzuleiten, nutzen Sie entweder jQuery oder pure...

01 Nov 2024
Wie hänge ich in Python effizient eine Zeichenfolge an eine andere an? Beim Anhängen einer Zeichenfolge an eine andere Zeichenfolge ist es effizient, ...

04 Jan 2025
Senden von Schlüsseln an andere Anwendungen: Erkunden von Techniken und Überwinden von Herausforderungen Einführung in die Notwendigkeit, bestimmte Schlüssel an andere Anwendungen zu senden ...


Hot Tools

jQuery+Html5 realisiert einen wunderschönen Geständnis-Animationscode
jQuery + Html5 implementiert einen wunderschönen Geständnis-Animationscode, der Animationseffekt ist großartig, ein Muss für Programmierer zum Geständnis!

Js-Spezialeffektcode für das romantische Geständnis eines Paares
Paar romantisches Geständnis JS Special Effekt -Code, solche Spezialeffekte, können auf Websites für Hochzeitsfotografie verwendet werden, können auch in persönlichen Websites platziert werden, und auch eine gute Spezialeffekte, PHP Chinese -Website -Empfehlung Download!

Einfaches JS-Liebesgeständnis-Artefakt
Einfaches natives JS-Liebesgeständnis-Artefakt

Ausdrucksstarke HTML5-Partikelanimationseffekte von Bunker
Bunkers HTML5-Spezialeffektcode für Partikelanimationsausdrücke, der Text für Animationsspezialeffekte kann im Code geändert werden, Sie können eine Seite erstellen, Sie können die Texteingabe anpassen, es sollte sehr beliebt sein, dieser HTML5-Spezialeffekt ist sehr schön.

jQuery-Responsive Hintergrund-Anmeldeschnittstellenvorlage
HTML-Quellcode der responsiven Backend-Anmeldeschnittstelle von jQuery. Die Anmeldeseite verwendet JQuery, um das Formular zu überprüfen und festzustellen, ob die Anmeldeseite die Anforderungen erfüllt Seiten: Wenn der Browser hinein- oder herauszoomt, ändert der Hintergrund die Größe des Bildes entsprechend dem Browser! Die chinesische PHP-Website empfiehlt den Download!
