Hallo!!!
ich hätte eine wichtige Frage für meine Homepage.
Auf der linken Seite meiner Homepage habe ich Buttons eingefügt. Wenn man auf solch einen Button klickt erscheint die bestimmte Seite im rechten Fenster. Nun will ich aber, dass dieser Button die Farbe ändert wenn man mit der Maus darüber fährt. Wie macht man das ????
Ich würde mich sehr über Antworten freuen.
Gruß
ugluk
soweit ich weiß, mit mouse.over.
mom, ich glaub ich kenn da was...
also ich kenn folgendes:
nur zur info: da kannst auch noch ein andere pic machen, wenn man klickt und so.
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="../format_mouseover.css" >
<style type="text/css">
<!--
body
{margin-top: 10px; margin-left: 10px; margin-right: 20px;
color:#cccccc ; background-color:black; font-family: verdana; font-size: 10pt; }
-->
</style>
<script language="JavaScript">
<!-- Verstecken für ältere Browser
if (navigator.appVersion.indexOf("2.") != -1){
check = false;
}
if ((navigator.appVersion.indexOf("3.") != -1) && (navigator.appName.indexOf("Explorer") != -1)){
check = false;
}
else {
check = true;
}
if (check == true){
image1 = new Image();
image1.src = "home1.gif";
image1on = new Image();
image1on.src = "home2.gif";
image1stay = new Image();
image1stay.src = "home2.gif";
image2 = new Image();
image2.src = "guest1.gif";
image2on = new Image();
image2on.src = "guest2.gif";
image2stay = new Image();
image2stay.src = "guest2.gif";
image3 = new Image();
image3.src = "email1.gif";
image3on = new Image();
image3on.src = "email2.gif";
image3stay = new Image();
image3stay.src = "email2.gif";
}
imageStay = ""
function imageon(name){
if (imageStay != name){
document[name].src = eval(name + "on.src");
}
}
function imageoff(name){
if (imageStay != name){
document[name].src = eval(name + ".src");
}
}
function on(name){
if (check == true){
imageon(name);
}
}
function off(name){
if (check == true){
imageoff(name);
}
}
function stay(name){
if (check == true){
document[name].src = eval(name + "stay.src");
if (imageStay != name){
if (imageStay != ""){
document[imageStay].src = eval(imageStay + ".src");
}
}
imageStay = name
}
}
// -->
</script>
</head>
<body >
[url='../test.htm'][img]home1.gif[/img] [/url]
[url='../test.htm'][img]guest1.gif[/img] [/url]
[url='../test.htm'][img]email1.gif[/img] [/url]
</body>
</html>oder noch besser, schau da nach:
http://de.selfhtml.org/javascript/beispiele/buttons.htm
also ehrlich gesagt blick ich da gar nicht durch........ 
also ich verstehe es auch nicht ganz. Wenn ich das so mache zeigt es bei mir an, dass ein Syntaxfehler vorliegt.....
das obere ist ne komplette seite.
also bei mir funt das immer so..
was hat es eigentlich mit dem auf sich ????
image1 = new Image();
image1.src = "home1.gif";
image1on = new Image();
image1on.src = "home2.gif";
image1stay = new Image();
image1stay.src = "home2.gif";
image2 = new Image();
image2.src = "guest1.gif";
image2on = new Image();
image2on.src = "guest2.gif";
image2stay = new Image();
image2stay.src = "guest2.gif";
image3 = new Image();
image3.src = "email1.gif";
image3on = new Image();
image3on.src = "email2.gif";
image3stay = new Image();
image3stay.src = "email2.gif";
so, hier mal schnell ein bsp.
achte nicht auf die "schönheit", sondern nur darauf, was passiert wenn du mit der maus über die liks fähst.
sind aber alles tote links, nur zur info 
was hat es eigentlich mit dem auf sich ????
image1 = new Image();
image1.src = "home1.gif";
image1on = new Image();
image1on.src = "home2.gif";
image1stay = new Image();
image1stay.src = "home2.gif";image2 = new Image();
image2.src = "guest1.gif";
image2on = new Image();
image2on.src = "guest2.gif";
image2stay = new Image();
image2stay.src = "guest2.gif";image3 = new Image();
image3.src = "email1.gif";
image3on = new Image();
image3on.src = "email2.gif";
image3stay = new Image();
image3stay.src = "email2.gif";
das sind die bilder.
schaus dir im bsp an, ich hoffe du kennst dich aus
also normal ist es zb home1.gif.
bei mouse.over wird es dan home2.gif.
image1stay = new Image();
image1stay.src = "home2.gif";und das ist das bild, wenn du den link geklickt hast.
somit wo du haslt gerade bist.
im bsp gibts aber nur 2 von 3 möglichen pics.
kannst ja ein drittes dazugeben, und das ganze dann testen.
ich bin zwar nicht wirklich gut in diesen sachen, aber poste doch bitte mal deinen code.
vielleicht kenn ich mich ja da aus..
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="../format_mouseover.css" >
<style type="text/css">
<!--
body
{margin-top: 10px; margin-left: 10px; margin-right: 20px;
color:#cccccc ; background-color:black; font-family: verdana; font-size: 10pt; }
-->
</style>
<script language="JavaScript">
<!-- Verstecken für ältere Browser
if (navigator.appVersion.indexOf("2.") != -1){
check = false;
}
if ((navigator.appVersion.indexOf("3.") != -1) && (navigator.appName.indexOf("Explorer") != -1)){
check = false;
}
else {
check = true;
}
if (check == true){
image1 = new Image();
image1.src = "[img]but forum.JPG[/img]";
image1on = new Image();
image1on.src = "[img]but links.JPG[/img]";
image1stay = new Image();
image1stay.src = "[img]but chat.JPG[/img]";
image2 = new Image();
image2.src = "[img]but chat.JPG[/img]";
image2on = new Image();
image2on.src = "[img]home.JPG[/img]";
image2stay = new Image();
image2stay.src = "[img]but links.JPG[/img]";
image3 = new Image();
image3.src = "[img]but links.JPG[/img]";
image3on = new Image();
image3on.src = "[img]but chat.JPG[/img]";
image3stay = new Image();
image3stay.src = "[img]but forum.JPG[/img]";
}
imageStay = ""
function imageon(name){
if (imageStay != name){
document[name].src = eval(name + "on.src");
}
}
function imageoff(name){
if (imageStay != name){
document[name].src = eval(name + ".src");
}
}
function on(name){
if (check == true){
imageon(name);
}
}
function off(name){
if (check == true){
imageoff(name);
}
}
function stay(name){
if (check == true){
document[name].src = eval(name + "stay.src");
if (imageStay != name){
if (imageStay != ""){
document[imageStay].src = eval(imageStay + ".src");
}
}
imageStay = name
}
}
// -->
</script>
</head>
<body >
[url='chat.html'][img]home1.gif[/img] [/url]
[url='oben.html'][img]guest1.gif[/img] [/url]
[url='home.html'][img]email1.gif[/img] [/url]
</body>
</html>##Edit by cr@zywulf : "Ich find es so übersichtlicher"
ich hab jetzt versucht deine Vorlage zu nehmen und meine Buttons einzusetzen
ich meinte den code von deiner seite, wo du den mouse.over efekt haben willst.
meine Seite ist noch nicht online
bei diesen Buttons will ich den mouse-over Effekt
<head>
<title>links</title>
<meta name="author" content="Besitzer">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<body text="#c00000" bgcolor="#FEA024" link="#c00000" alink="#c00000" vlink="#c00000">
</font>[/b] </font>
</font>[/b]</font>
</font>[/b]</font>
</body>
</html>