House Hover mit Javascript

04/03/2010 - 13:15 von Frank Bach | Report spam
Hallo NG,

ich muss nun doch per Javascript auf ein MouseHover reagieren.

Hàtte mir jemand ein kleines Beispiel, wie ich das am einfachsten mache?

Ich habe ein Image, wenn darüber die Maus bewegt wird, soll ein anderes Bild
angezeigt werden; gleichzeitig soll in einem Labelfeld ein anderer Text
angezeigt werden.


Vielen Dank für eure Hilfe!!!

Frank
 

Lesen sie die antworten

#1 Stefan Falz [MVP]
04/03/2010 - 13:46 | Warnen spam
Hallo Frank,

"Frank Bach" schrieb:

Re: House Hover mit Javascript



zuviel "Jumper" geschaut? "Mit Hàusern kann man nicht springen!" :)

ich muss nun doch per Javascript auf ein MouseHover reagieren.





<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById( "Bild" ).src = "images/Bild2.jpg";
document.getElementById( "Label" ).innerHTML = "Mouse over";
}

function mouseOut()
{
document.getElementById( "Bild" ).src = "images/Bild1.jpg";
document.getElementById( "Label" ).innerHTML = "Mouse nix";
}
</script>
</head>
<body>

<img id="Bild" src="images/Bild1.jpg" onmouseover="mouseOver();" onmouseout="mouseOut();" />
<br />
<span id="Label">Kein Text</span>

</body>
</html>



Tschau, Stefan
Microsoft MVP - Visual Developer ASP/ASP.NET
http://www.asp-solutions.de/ - Consulting, Development
http://www.aspnetzone.de/ - ASP.NET Zone, die ASP.NET Community

Ähnliche fragen