Hallo,
ich will in meinem Menü animierte Buttons mit Hilfe von JavaScript einbauen, nur funktioniert das leider nocht so ganz. Wenn man mit dem Mauszeiger z.B. auf den Button "Home" fährt, verändert er sich und wenn man mit dem Mauszeiger wegfährt, sollte wieder der vorherige Button angezeigt werden, nur das funktioniert nicht.
Hier mein Script:
<html>
<head>
<title>Right Said Fred</title>
<script language="JavaScript">
var x=0;
var button_1,button_2;
var buttons = new Array("home.gif","home1.gif","news.gif","news1.gif","tv.gif","tv1.gif","tour.gif",
"tour1.gif","charts.gif","charts1.gif","bio.gif","bio1.gif","disco.gif","disco1.gif","songtexte.gif" ,"songtexte1.gif","audio.gif",
"audio1.gif","fotos.gif","fotos1.gif","shop.gif","shop1.gif","umfragen.gif","umfragen1.gif","forum.g if","forum1.gif","chat.gif",
"chat1.gif","buch.gif","buch1.gif");
function wechsel(button_1,button_2)
{
var button=new Image();
button.src=buttons[button_2];
window.document.images[button_1].src=button.src;
}
</script>
</head>
<body bgcolor="#0000A0">
<br>
<br>
<br>
<br>
<a href="home.html" target="rechts" onMouseOver="wechsel(0,1)" onMouseOver="wechsel(1,0)"><img src="home.gif" border="0></a>
</body>
</html>
Ich habe hier jetzt mal nur den ersten Button des Menüs verwendet, sodass nichts durcheinander gerät, aber welchen Wert muss ich onMouseOver vergeben?
ich will in meinem Menü animierte Buttons mit Hilfe von JavaScript einbauen, nur funktioniert das leider nocht so ganz. Wenn man mit dem Mauszeiger z.B. auf den Button "Home" fährt, verändert er sich und wenn man mit dem Mauszeiger wegfährt, sollte wieder der vorherige Button angezeigt werden, nur das funktioniert nicht.
Hier mein Script:
<html>
<head>
<title>Right Said Fred</title>
<script language="JavaScript">
var x=0;
var button_1,button_2;
var buttons = new Array("home.gif","home1.gif","news.gif","news1.gif","tv.gif","tv1.gif","tour.gif",
"tour1.gif","charts.gif","charts1.gif","bio.gif","bio1.gif","disco.gif","disco1.gif","songtexte.gif" ,"songtexte1.gif","audio.gif",
"audio1.gif","fotos.gif","fotos1.gif","shop.gif","shop1.gif","umfragen.gif","umfragen1.gif","forum.g if","forum1.gif","chat.gif",
"chat1.gif","buch.gif","buch1.gif");
function wechsel(button_1,button_2)
{
var button=new Image();
button.src=buttons[button_2];
window.document.images[button_1].src=button.src;
}
</script>
</head>
<body bgcolor="#0000A0">
<br>
<br>
<br>
<br>
<a href="home.html" target="rechts" onMouseOver="wechsel(0,1)" onMouseOver="wechsel(1,0)"><img src="home.gif" border="0></a>
</body>
</html>
Ich habe hier jetzt mal nur den ersten Button des Menüs verwendet, sodass nichts durcheinander gerät, aber welchen Wert muss ich onMouseOver vergeben?
Kommentar