JavaScript SimpleTabs für jQuery
SimpleTabs Navigation mit jQuery
ist ein einfaches Tab Menü unter jQuery. Das ganze ist leicht einzubinden und ermöglicht es platzsparen viel Content unterzubringen.
Hier Steht der Text für das erste Tab Fenster.
Hier steht der Text für das zweite Tab Fenster .
Und Nummer 3 mit Simple Tabs.
Exemple 2
Die Farbe des Fensters ist leicht mittels CSS File anpassbar.
Möglich ist auch das komplette ausblenden des Inhaltes.
Drücken Sie einfach das X am oberen rechten Rand und bis auf die Tab Navigation wird der Inhalt ausgeblendet.
JavaScript - SimpleTabs für jQuery
aus dem Beispiel:
in <head> einbinden
<link rel="stylesheet" type="text/css" href="simpleTabs.css">
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="simpleTabs.jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#simpleTabs").simpleTabs({
fadeSpeed: "medium", // @param : low, medium, fast
defautContent: 1, // @param : number ( simpleTabs-nav-number)
autoNav: "true", // @param : true or false
closeTabs : "true" // @param : true or false;
});
$("#simpleTabs2").simpleTabs({
fadeSpeed: "medium", // @param : low, medium, fast
defautContent: 4, // @param : number ( simpleTabs-nav-number)
autoNav: "false", // @param : true or false
closeTabs : "true" // @param : true or false;
});
});
</script>
in <body> einbinden
<div id="simpleTabs2">
<div class="simpleTabs-nav">
<ul>
<li id="simpleTabs-nav-4">Tab 1</li>
<li id="simpleTabs-nav-5">Tab 2</li>
<li id="simpleTabs-nav-6">Tab 3</li>
</ul>
</div>
<div id="simpleTabs-content-4" class="simpleTabs-content">
<p>Die Farbe des Fensters ist leicht mittels CSS File anpassbar. </p>
</div>
<div id="simpleTabs-content-5" class="simpleTabs-content">
<p>Möglich ist auch das komplette ausblenden des Inhaltes. </p>
</div>
<div id="simpleTabs-content-6" class="simpleTabs-content">
<p>Drücken Sie einfach das X am oberen rechten Rand und bis auf die Tab Navigation wird der Inhalt ausgeblendet. </p>
</div>
</div>
Download SimpleTabs Plugin
SimpleTabs für jQuery für jQuery Homepage
