Objekt scroll
Images (und / oder auch Text) werden auf einer eigenen Ebene über den Bildschirm gescrollt! Geeignet für beide Browser. Nicht getestet in NS6
Links zum Quelltext und ein 2. Beispiel im Kopfbereich.
Im Body wird mit dem DIV-Tag ein Bereich deklariert. Zwischen diesen DIV-Tags stehen die zu scrollenden Objekte (Images und / oder Text).
<div id="inhalt" STYLE="position:absolute;visibility:visible;">
Tabelle
</div>
Hier im Beispiel ein DIV-Bereich (inhalt) mit einer Tabelle die alle Objekte enthält.
Aufwand:
- DIV-Bereich für Objekte / Text definieren
- OnLoad-Befehl im BODY-Tag
- Script in den Body kopieren
Zur Anpassung folgende Änderungen im Script möglich:
| Element |
Aufgabe |
hier im Beispiel |
ersetzen mit |
| var xPos = 20; |
X-Position |
20 |
Wert in Pixel |
| var yPos = 0; |
Y-Position |
0 |
Wert in Pixel |
| var step = 1; |
Schritte |
1 |
Zahl |
| var delay = 30; |
Verzögerung |
30 |
Wert in ms |
|
Hier im Beispiel lediglich ein DIV-Bereich (inhalt) mit einer Tabelle die alle Objekte enthält.
Im 2. Beispiel zwei DIV-Bereiche (inhalt1 & inhalt2) .
Für diese Bereiche werden auch 2 verschiedene X-Positionen definiert: xPosLeft , xPosRight.
var xPosLeft = 20;
var xPosRight = 800;
verwendete Images (in der Zip-Datei bereits enthalten):
  
|
WWW.WEB-TOOLBOX.NET
BEISPIEL 
ZURÜCK 
