PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : HTML MouseOver ?


K-Gee
25.11.2010, 12:56
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
Shini
25.11.2010, 13:02
Quelltext für den Head-Bereich:
(zwischen <head> und </head>)

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


<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 (http://www.google.de/#hl=de&source=hp&q=html+onmouseover&aq=0s&aqi=g-s1g3g-s1g1g-s1g1g-s1g1&aql=&oq=html+mouse&gs_rfai=&fp=95d8f914f306e11a)
K-Gee
25.11.2010, 14:22
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?