Schrift-Effekte fⁿr die Web-Site

Seit Einfⁿhrung des Internet Explorers 4.0 k÷nnen Sie Ihre Internet-Seiten mit einigen interessanten Effekten ausstatten. Dazu zΣhlen auch Filter und ▄bergΣnge (Transitions). Das angefⁿhrte Beispiel ╗FILTER.HTM½ (Listing auf der HHeft-CD) zeigt Ihnen, wie einfach es ist, solche Elemente in Web-Seiten einzubauen. Die Effekte beschrΣnken sich nicht auf Bilder, sondern sind auch auf Textelemente anwendbar: Der Text wird einfach in einem DIV-Container gekapselt. Der Container erfordert in diesem Fall die Angabe eines der Attribute ╗height½, ╗width½ oder ╗position:absolute½, da der Browser sonst den Filter nicht als Objekt erkennt und einen Scripting Error meldet. Das Beispiel demonstriert 22 unterschiedliche ▄berblend-Effekte, die die Funktion ╗start()½ nacheinander einsetzt. Sie beginnen die ▄berblend-Demonstration mit einem Klick auf ╗Start/Stop½. Ein weiterer Klick auf dieses Feld hΣlt die Vorfⁿhrung an. Wenn Sie einen der ▄berblend-Effekte auf Ihrer Internet-Seite verwenden wollen, passen Sie die Funktion ╗start()½ entsprechend an. Die Zeile ╗d1.filters.item(0).Transition=...½ legt den jeweils verwendeten Filter fest. Um einen der ▄berblend-Effekte in Ihre Internet-Seite einzubauen, definieren Sie im ╗BODY½-Teil des HTML-Dokuments einen ╗SPAN½-Container und geben dort im ╗Style½-Attribut die Art des Filters an. Im Beispiel haben wir den Filter-Nr. ╗5½ und eine ▄berblenddauer von ╗3½ Sekunden gewΣhlt. Die ╗visibility½-Eigenschaft setzen Sie auf ╗hidden½. Im ╗HEAD½-Teil schreiben Sie eine Javascript-Funktion, etwa ╗applyTransition½, die den Filter ansteuert. Und ⁿber das ╗OnLoad½- Ereignis im ╗BODY½-Tag starten Sie die Funktion ╗applyTransition½ beim Laden der Seite. Einen Einzeleffekt finden Sie in ╗EFFEKT.HTM½ auf der HHeft-CD.