Pro výukové účely na SPŠ Zlín
vytvořil RNDr.Vladimír Vaščák

CSS

  1. Pozicování
  2. DHTML příklad
  3. DHTML příklad jinak
  4. Rozvržení stránky pomocí stylů

2. DHTML příklad

Pohyb objektu v dokumentu:

Do záhlaví napíšeme:
<script language="JavaScript" type="text/javascript">
<!--
    var pozice=0;
    function posun() {
        var x=document.getElementById('skola');
        pozice = pozice + 2;
        if (pozice > screen.availWidth - 550) {
            pozice = 0;
        }
        x.style.left=pozice + "px";
    }
    setInterval( "posun()",25);
-->
</script>

Do těla dokumentu napíšeme:
<img id="skola" src="skola1.jpg" style="position:absolute;">

Úkol: Vytvořte zde odkaz na Vaší stránku, kde se pokuste změnit tento JavaScript.












zpět vpřed
© 2007 Pro výuku na SPŠ Zlín připravil RNDr. Vladimír Vaščák