Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<!-- toto přijde do hlavičky --> <link rel="stylesheet" href="http://lopatin.github.io/sliderTabs/styles/jquery.sliderTabs.min.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="http://lopatin.github.io/sliderTabs/jquery.sliderTabs.min.js"></script> <!--toto přijde do body --> <div id="mySliderTabs"> <!-- Unordered list representing the tabs --> <ul> <li><a href="#canyon">The Grand Canyon</a></li> <li><a href="#taj">The Taj Mahal</a></li> <li><a href="#bigben">Big Ben</a></li> </ul> <!-- Afterwards, include the div panels representing the panels of our slider --> <div id="canyon"> <h3>The Grand Canyon</h3> <!-- rest of the panel content --> </div> <div id="taj"> <h3>The Taj Mahal</h3> <!-- rest of the panel content --> </div> <div id="bigben"> <h3>Big Ben</h3> <!-- rest of the panel content --> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
/* toto přijde do tvého souboru se skripty */ $(document).ready(function() { var slider = $("div#mySliderTabs").sliderTabs(); });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>