-
HTML MouseOver ?
Hi,
Bin grade an meiner Info Page, kann mir einer einen Sample von einem MouseOver beispiel posten oder zeigen?
Habe ein Bild "Home.png" und wenn mouse drüber geht sollte "Home_MouseOver.png" erscheinen, und beim MouseLeave wieder "Home.png" erscheinen
Grüße
-
Quelltext für den Head-Bereich:
(zwischen <head> und </head>)
Code:
<script
language="JavaScript">
<!--
button1= new Image();
button1.src = "knopf.jpg"
button2= new Image();
button2.src = "email.jpg"
/* usw. für alle Grafiken,
die am Mouse-Over-Effekt beteiligt sind */
//-->
</script>
Quelltext für den Body-Bereich:
(zwischen <body> und </body>)
Code:
<a href="mailto:deine.mail@gmx.de"
onmouseover="austausch1.src='email.jpg';"
onmouseout="austausch1.src='knopf.jpg';">
<img src="knopf.jpg"
border="0" width="71"height="60"
name="austausch1">
</a>
oder klick mich
-
Danke!! 2. Sample hat wunderbar geklappt.
Grüße
Jetzt habe ich ein Problem...
Wenn ich jetzt einpaar bilder nebeneinander mit <center> aufstelle dann funkt das mit dem MouseOver nichtmehr... :(
kann mir jemand weiterhelfen?