Hovereffekt für Bilder Tutorial - Kostenlose Homepage Tools für deine Homepage auf ntmb.de

Hovereffekt für Bilder

4194 - phate - 01.07.2006 11:50 Uhr - Version: 1 - - verlinken als BB-Code

Nicht nur normale Links sondern auch einfache Bilder und verlinkte Bilder können einen Hovereffekt haben.

einfaches Bild mit Hovereffekt:

1 2 <img src="img/bild_normal.gif" onmouseover="src='img/bild_hover.gif'" ommouseout="src='img/bild_normal.gif'">

Das gleiche als verlinktes Bild mit Hovereffekt:

1 2 3 4 <a href="website.html"> <img src="img/bild_normal.gif" onmouseover="src='img/bild_hover.gif'" ommouseout="src='img/bild_normal.gif'" border="0"> </a>

es gibt auch noch weitere »Event-Handler«. Die »Event-Handler« gehören zu JavaScript und jetzt folgt eine Liste aller »Event-Handler« mit Erläuterung:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 onabort (bei Abbruch) onblur (beim Verlassen) onchange (bei erfolgter Änderung) onclick (beim Anklicken) ondblclick (bei doppeltem Anklicken) onerror (im Fehlerfall) onfocus (beim Aktivieren) onkeydown (bei gedrückter Taste) onkeypress (bei gedrückt gehaltener Taste) onkeyup (bei losgelassener Taste) onload (beim Laden einer Datei) onmousedown (bei gedrückter Maustaste) onmousemove (bei weiterbewegter Maus) onmouseout (beim Verlassen des Elements mit der Maus) onmouseover (beim Überfahren des Elements mit der Maus) onmouseup (bei losgelassener Maustaste) onreset (beim Zurücksetzen des Formulars) onselect (beim Selektieren von Text) onsubmit (beim Absenden des Formulars) onunload (beim Verlassen der Datei)

mfg pHaTe

Mitglieder-Kommentare

#6 von DennisLEV

Das hat mir auch sehr, sehr weiter gehoflen fpr emien Homepage. wollte unbedingt nen Hover Effekt. Echt klasse Code!

#5 von npage-club

klasse!!!

#4 von snk

die weiteren event handler find ich klasse - thx^^

Flamerbedarf zu verkaufen! Ich biete euch Feuer, Fackeln, Brandsätze und Großflächenbrände an. Sendet mir einfach eine PM. Bei Bedarf gibts auch Mistgabeln...

#3 von B4ckflip

jo das ist n1

finds klasse

#2 von skater

gutes tutorial. auch die erklärungen der evnthandler ist gut.

#1 von Sniper

Hey das kenn ich

Liebe Grüße
Sniper
Bei Fragen oder Probleme PM me oder schreib in das Forum

Nur registrierte Mitglieder könnten einen Kommentar schreiben.

Melde dich doch ganz einfach an, es ist kostenlos. :-)