DHTML-Diashow-Programm (1)

Autor：Eve Cole Aktualisierungszeit：2009-06-20 17:00:35

Dabei handelt es sich um ein Diashow-Programm, bei dem es sich um ein Programm handelt, das nacheinander Bilder abspielt. Wir können diese Form der Werbung für Wiedergabeleisten auf einigen Websites sehen, von denen die meisten mit CGI erstellt wurden, was bedeutet, dass der Server CGI-Programme wie ASP, PHP, Perl usw. unterstützen muss. Aber unsere Implementierungsmethode hier erfordert kein CGI, sie verwendet nur CSS-Effekte und die Steuerung durch JavaScript. Vorausgesetzt, Ihr Browser ist IE 4.0 oder höher oder Netscape 3.0 oder höher. Hier verwenden wir lediglich den CSS-Filtereffekt, der nur im IE auftreten kann. Informationen zu den Filtereffekten von CSS finden Sie in meiner „Detaillierte Erklärung von Filtern in CSS“, die auf Yesky.com veröffentlicht wurde.
Okay, lass uns ein paar Vorbereitungen treffen.

Um diesen Effekt zu erzielen, müssen wir zunächst mehrere Bilder gleicher Größe erstellen und diese nacheinander abspielen lassen. Als verwendete Bilder habe ich beispielsweise die folgenden drei 88x31-Bilder gefunden.

Lassen Sie uns zweitens das Wissen über den Bildkonvertierungsfilter von Filter in CSS überprüfen:

Transformationsfilter in CSS anzeigen

Der Anzeigetransformationsfilter bietet einen vielfältigeren Transformationseffekt. Im Gegensatz zum Hybridtransformationsfilter, der nur einen Ein- und Ausblendeffekt bietet, bietet er auch mehr Bildtransformationseffekte.

Filter: RevealTrans (Dauer = Anzahl der zu konvertierenden Sekunden, Übergang = Konvertierungstyp)

Wie Sie sehen, verfügt es über einen Konvertierungstypparameter. Hier werden 24 Konvertierungstypen bereitgestellt. Wir müssen nur den Codenamen des Konvertierungstyps angeben, um das Bild entsprechend dem eindeutigen Konvertierungseffekt zu konvertieren. Die folgende Tabelle zeigt die 24 Konvertierungsfilterformen und ihre entsprechenden Codes:
Sie . nach

Zeigen	den Code an, der	der Konvertierungsform des Konvertierungsfilters	entspricht
Rechteck von groß nach klein,	0	zufällig auflösen,	12
Rechtecke von klein nach	groß, 1	vertikal nach innen teilen,	13
Kreis von groß nach klein	2	vertikal nach außen teilen	14
rund klein bis groß	3	horizontal nach innen teilen	15
nach oben schieben	4	horizontal nach außen teilen	16
nach unten drücken	5	nach links und unten schieben	17
nach rechts schieben	6	nach oben nach links schieben	18
links schieben Öffnen	7	nach unten nach rechts schieben	19
Vertikaljalousien	8	schälen nach oben und rechts	20
Horizontale Jalousien	9	Zufällige horizontale feine Linien	21
Horizontales Schachbrett	10	Zufällige vertikale feine Linien	22
Vertikales Schachbrett	11	Zufällige Auswahl eines Spezialeffekts	23