Wir wenden und nun dem letzten Schritt zu und werden nun Bewegung in die Seite bringen.
Die Grundkenntnisse dazu haben Sie. Was noch fehlt ist eine JavaScriptroutine, die automatisch
immer neu positioniert.

Wie immer an dieser Stelle zuerst ein Beispiel        (Beispiel hier durch klicken starten)

<html>
<head>
<title>Praxis5</title>
<style type="text/css">
#move1         {     position:absolute;
                            top:200;
                            left:0; } 
</style>

<script language="javaScript">
function init()
{
        breite=document.body.offsetWidth;
        if (breite==0) {breite=window.innerWidth}; 
        x=0;
        fliege();
}

function fliege()
{
        x=x+2
        if (x>breite-268) { x=0; }
        elem=document.getElementById("move1");
        elem.style.left=x;
        window.setTimeout("fliege()",10);

</script>
</head>
<body bgcolor="#000000" onLoad="init()">
<div id="move1">
<img border="0" src="images/Drgflyl.gif" width="268" height="163"><id>
</body>
</html>

Erklärung:
Ein Dokument, Hintergrundfarbe schwarz.
Es wird eine animierte Gif-Datei eingebracht, ein Drache, bei dem sich die Flügel bewegen.
Die Grafik wird in den Div-Tag mit der ID="move1" gesetzt.

Durch CCS ist die Grafik genau positioniert.
<style type="text/css">
#move1         {     position:absolute;
                            top:200;
                            left:0; } 
</style>

Wieder zwei JavaScript Routinen.
Die Routine init() ermittelt die verfügbare Breite,
setzt den Anfangswert für für style.left auf 0.
Als letztes wird direkt die Routine fliege() aufgerufen.
 function init()
{
        breite=document.body.offsetWidth;
        if (breite==0) {breite=window.innerWidth}; 
        x=0;
        fliege();
}

In der Routine fliege() wird nun die Grafik von links nach rechts in Bewegung gesetzt.
function fliege()
{
        x=x+2 
'Schrittweite der left Position
        if (x>breite-268) { x=0; } 
'Ist der rechte Rand erreicht? Wenn ja, wieder zurück zu 0
        elem=document.getElementById("move1"); 
'Zugriff auf den Div-Block schaffen
        elem.style.left=x; 
'Position neu festlegen
        window.setTimeout("fliege()",10); 
'Die Funktion fliege() alle 10ms neu aufrufen.