Tips & Tricks: Ein scrollendes Fenster einrichten


Unter Netscape 3.0 haben Sie die Möglichkeit den Effekt eines animierten Fensters zu erzeugen. In unserem Beispiel verwenden wir hierzu eine Frame-Darstellung. Im ersten Schritt erstellen wir den Frameset:


<FRAMESET ROWS="270,*">
      <FRAME SRC="scroll_frame1.html" NORESIZE>
      <FRAME SRC="scroll_frame2.html">
</FRAMESET>


In der Datei scroll_frame1.html befindet sich das Script für den scrollenden Effekt. Unter frame_scroll2.html wird nur ein Text eingebunden (oder was immer Sie möchten). Nun erstellen wir das erste Framefenster, indem das Script enthalten ist:


var timer = 0;

function trans(h){

    window.scroll(0,h)
    setTimeout("scrollen()",750)
}

function scrollen(){

    if(timer > 7){
    timer = 0
}

    h = (timer * 32) + (timer * 2)
    timer++
    trans(h);
}

setTimeout("scrollen()",1000)


In der Function trans wird die Geschwindigkeit der Animation definiert. Je höher der Wert ist, desto langsamer wird die Animation. In der Function scrollen wird die Verzögerung zum Beginnen der Animation festgelegt. Je niedriger der Wert ist, desto schneller beginnt die Animation. Den Inhalt der Datei scroll_frame2.html können Sie selbst bestimmen. Nun wird im gleichen Dokument nach dem BODY-Tag der darzustellende Text eingebunden:


<TABLE CELLPADDING=0 CELLSPACING=0>
<TR>
<TD ALIGN=CENTER WIDTH=100 HEIGHT=25 BGCOLOR="orange">
<FONT FACE="MODERN" SIZE=4>Text ...</FONT>
</TD>
</TR>

Spalte zwei usw.

</TABLE>


Die einzelnen Texblöcke müssen Sie nun untereinander (als Tabelle) definieren. In unserem Beispiel wird die Animation durch ein neues Netscape-Fenster geöffnet. Wie dies funktioniert, können Sie in unserem Tip Ein neues Fenster öffnen nachlesen.


Anmerkung: Um diesen scrollenden Effekt zu erzeugten, muß Ihr Fensterinhalt natürlich größer als das Darstellungfenster von Netscape sein. Da man unmöglich wissen kann, mit welcher Bildschirmauflösung ein Anwender die Seiten betrachtet, bietet sich für dieses Script die Verwendung von window.open an. Hiermit können Sie die Anzeigegröße des Fensters nach Ihren Bedürfnissen festlegen.


Animation betrachten.