zurück
Autor: Bernhard Elbl
Erstellt am: 26 Feb 2002 17:40

IE-Design mit filter-StyleSheets

Ab IE 4.0 gibt es die filter-Attribute. Cooles Design und Effekthascherei ist nicht nur mit JavaApplets möglich. Der Internet Explorer (und NUR der IE) integriert Grafik/Design Effekte, eben die Filter und Transitions.

Als CSS-Attribute können die dann auch simplest eingesetzt werden. Sie müssen also nicht ungedingt Scripten, F. und T. sind also als CSS-Erweiterung des Internet Explorers zu sehen. Wie jeder weiss, sind Style-Sheets nicht schwer einzubinden...
z.B. Auf unsers Logo (rechts oben) wird die "invert" implementiert
<img src="http://www.devtrain.de/images/logo/logo2.gif" style="filter:invert;">
sieht so aus...

jetzt fügen wir im "img"-Tag noch folgende Attribute ein und löschen den "style"-Attribut
onmouseover="this.style.filter='invert';"
onmouseout="this.style.filter='';"


wenn Sie den "light-filter" setzen und das ganze mit Javascript kombinieren, sieht es so aus....
bewegen Sie die Maus darüber

ocean beach

 

Wo finde ich mehr Info´s dazu...

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/filters.asp
http://msdn.microsoft.com/workshop/samples/author/dhtml/dxtidemo/dxtidemo.htm


© Copyright 2008 ppedv AG