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
<style> .postup {height: 10px; background: blue; width: 0; position: fixed; top: 0; left: 0;} </style> <script> var prubeh = function(cas, postup) { var animovat = function() { postup.style.transition = "width " + cas + "s"; postup.style.width = "100%"; }; var vycistit = function() { postup.style.width = "0"; postup.style.transition = ""; }; animovat(); setTimeout(vycistit, cas * 1000); }; </script> <button onclick="prubeh(4, document.getElementById('postup'))">Klikni pro spuštění animace na vrchu stránky</button> <div id="postup" class="postup"></div> <p>Vytvořeno pro <a href="http://mujskript.cz/javascript/23-animace-nacitani-stranky-javascript">Animace načítání stránky pomocí JavaScriptu - MůjSkript.cz</a>.
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>