DevTrain Startseite Advanced Developers Conference vom 14.-15. Februar 2011  
  
  
SUCHEN:  
ARTIKEL ONLINE: 525   

Kategorien
.NET
Datenbanken
Web
XML

Allgemein
Camp
Foren
Events
Persönliche Einstellungen
Registrieren
Prämien Shop
Kontakt
Impressum
Über DevTrain

Autoren


   Autor: Bernhard Elbl Artikel Drucken
        
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


DevTrain Camp - Schneller zum .NET 3.5 Developer
 
Verwandte Artikel      Verlinkte Dokumente
    Keine verknüpften Dokumente
    Keine Links vorhanden

  Erfasst am: 26.02.2002
  Gültig bis: 28.03.2002
4 Ratings
Bewertung: 20,0%
schlecht    sehr gut  

 
© Copyright 2007 ppedv AG