Tutorials

Hovereffekt für Bilder Tutorial

Einloggen
Benutzername:
Passwort:

Passwort vergessen?
Kostenlos
Anmelden
anzeigen
Hovereffekt für Bilder


4202 - 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 Smily NR:8 finds klasse Smily NR:8
#2 von skater
gutes tutorial. auch die erklärungen der evnthandler ist gut.
#1 von Sniper
Hey das kenn ich Smily NR:8

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. :-)