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
<div class="example_path"> <div class="example_block">ROBÍME SVET LEPŠÍM</div><script> move(this.children[0]); </script> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.example_path{position:relative;overflow:hidden;width:530px;height:30px;border:3px solid #000;}.example_path .example_block{position:absolute;background-color:blue;width:30px;height:20px;padding-top:10px;text-align:center;color:#fff;font-size:10px;white-space:nowrap;}
CSS
Autoformát
CSS reset
Až na konci
function move(elem) { var left = 0 function frame() { left++ // update parameters elem.style.left = left + 'px' // show frame if (left == 100) // check finish condition clearInterval(id) } var id = setInterval(frame, 10) // draw every 10ms }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>