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
<span>obycejny</span> <span>obycejny</span> <span class="blikaci">blikaci</span> <span>taky obycejny</span> <span class="blikaci">taky blikaci</span> <span class="blikaci-aktivni">tohle blika naopak</span> <span>obyyyyč</span> <span class="jinej-blikaci">jinej blikací</span> <span class="jinej-blikaci-aktivni">jinej blikací naopak</span>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
span { display: block; font-weight: bold; font-size: 120%; font-family: sans-serif; } span.blikaci { color: red; } span.blikaci-aktivni { color: blue; } span.jinej-blikaci { color: orange; font-size: 80%; } span.jinej-blikaci-aktivni { color: green; }
CSS
Autoformát
CSS reset
Až na konci
/* switchElementClasses Prohazuje třídy v určitém intervalu Vyžaduje objekt konfigurace: { interval: 1000, //interval prohazování cnDefault: 'switcher', //jedna ze dvou prohazovaných tříd cnActive: 'switcher-active', //druhá prohazovaná třída tagName: 'span' //aplikovaný element } */ var switchClasses = function(conf) { if(document.getElementsByTagName && window.setInterval) var e = document.getElementsByTagName(conf.tagName); setInterval(function(){ for(var i=0;i<e.length;i++) { if(e[i].className == conf.cnDefault) { e[i].className = conf.cnActive; } else if(e[i].className == conf.cnActive) { e[i].className = conf.cnDefault; } } }, conf.interval); }; //aplikuju to na dvě sady elementů switchClasses({ interval: 1000, cnDefault: 'blikaci', cnActive: 'blikaci-aktivni', tagName: 'span' }); switchClasses({ interval: 500, cnDefault: 'jinej-blikaci', cnActive: 'jinej-blikaci-aktivni', tagName: 'span' });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>