ohne Worte ;-)
Schwebendes Banner <!-- Diesen Code musst Du in den head-Tag einfügen--> <style TYPE="text/css"> <!-- #Bild { position: absolute; visibility: hide; z-index: 1; } #Text { position: absolute; visibility: show; z-index: 2; } // --> </style> <!-- Diesen Code musst Du als event-Handler in den Body einfügen--> <body onLoad="bglayer()"> <!-- Diesen Code musst Du in den <body> einfügen.--> <script LANGUAGE="JavaScript" TYPE="text/javascript"> <!-- ... Quelle Dummy ... function bglayer(){} // ... Ende Dummy ... --> </script> <script LANGUAGE="JavaScript1.2" TYPE="text/javascript"> <!-- ... Quelle Beispiel ... // Browserabhaengige Informationen var nn = (navigator.appName == "Netscape") ? true : false // Bildinformationen var imgURL = "logo.gif" var imgWidth = 400 var imgHeight = 60 // Darstellungsinformationen var imgStep = 50 // Zeitintervall in ms var imgIntX = 200 // horizontales Intervall var imgIntY = 450 // vertikales Intervall // Statusinformationen var imgIncX = 0 var imgIncY = 0 // Zentrieren des Hintergrundbilds function bgstep() { var iWidth = (nn ? innerWidth : Number(document.body.clientWidth)) var iHeight = (nn ? innerHeight : Number(document.body.clientHeight)) with(nn ? document.Bild : Bild) { // Platz fuer die Darstellung? if(imgWidth > iWidth || imgHeight > iHeight) { visibility = false return } // Koordinatenberechnung if(nn) { left = Math.floor((1 + Math.sin(imgIncX * 2 * Math.PI / imgIntX)) * ((innerWidth - imgWidth) / 2)) top = Math.floor((1 + Math.cos(imgIncY * 2 * Math.PI / imgIntY)) * ((innerHeight - imgHeight) / 2)) } else { style.left = Math.floor((1 + Math.sin(imgIncX * 2 * Math.PI / imgIntX)) * ((iWidth - imgWidth) / 2)) style.top = Math.floor((1 + Math.cos(imgIncY * 2 * Math.PI / imgIntY)) * ((iHeight - imgHeight) / 2)) } // Naechster Schritt imgIncX++ imgIncY++ imgIncX %= imgIntX imgIncY %= imgIntY visibility = true } setTimeout("bgstep()", imgStep) } // Initialisierung der Darstellung function bglayer() { var iWidth = (nn ? innerWidth : Number(document.body.clientWidth)) var iHeight = (nn ? innerHeight : Number(document.body.clientHeight)) with(nn ? document.Bild : Bild) { if(nn) { left = Math.floor((iWidth - imgWidth) / 2) top = Math.floor(iHeight - imgHeight) width = imgWidth height = imgHeight with(document) { open("text/html") write("<IMG SRC=\"" + imgURL + "\" " + "WIDTH=" + imgWidth + " " + "HEIGHT=" + imgHeight + " ALT=\"\">") close() } } else { style.left = Math.floor((iWidth - imgWidth) / 2) style.top = Math.floor(iHeight - imgHeight) style.width = imgWidth style.height = imgHeight innerHTML = "<IMG SRC=\"" + imgURL + "\" " + "WIDTH=" + imgWidth + " " + "HEIGHT=" + imgHeight + " ALT=\"\">" } setTimeout("bgstep()", imgStep) } } // --> </script> <div ID="Bild"></div><div ID="Text"><p> </p> </div> <!-- Script-Ende -->
Newsletter schon abonniert? Wenn nicht, bitte "Haken" setzen
