mouseover-effekt?

hi @ll

also bin nich so sehr vertraut mit html usw aber will es lernen…
nun bin ich ich dabei mir ne HP zu erstellen also ich schreibe sehr viel mit hand…
und verwende auch ast nur HTML dafür…
nun möchte ich gerne wissen wie man den mouseout/mouseover-effekt am einfachsten hinbekommt hinbekommt und ob man das nur mit html hinbekommt…

thx schonmal vorab…
greez bilox

Wenn ich einen Mousover Effekt mache, mache ich dies meistens mit Java, den Code dazu habe ich auch noch, den habe ich für dich sogar Kommentiert damit du ihr verstehen kannst

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

edit
Das ist jetzt ein Script für Buttons, kläre bitte genau für was du den Mousover brauchst

erstmal thx für schnelle antwort…

ich möchte das schon für button haben…

button1= new Image(knopf_rot.jpg);
button1.src = „knopf_balu.jpg“

also so wenn ich das richtig verstanden habe?

So wie ich das dem Code entschlüsslen kan musst du dein Bild dort einfügen

button1.src = "knopf.jpg"

Und dann eben auch bei button2.scr u.s.w

das mit dem bild is schon fast klar aber

button1= new Image();

was muss in die klammer oder brauch da nix rein …

es sind ja 2 verschiedene bilder
oder is das nur da was kommt wenn ich darüber fahre mit der maus?

Nope, das bleibt so wie es im Code

kannst das vieleicht mal inklusive erklären anhand eines bsp. pic´s

Hier das Beispiel wie es komplett aussehen muss :


<html>
<head>
<script
language="JavaScript">
<!--
button1_a= new Image();
button1_a.src = "link01_start.gif"
button1_b= new Image();
button1_b.src = "link01_over.gif"
button2_a= new Image();
button2_a.src = "link02_start.gif"
button2_b= new Image();
button2_b.src = "link02_over.gif"
button3_a= new Image();
button3_a.src = "link03_start.gif"
button3_b= new Image();
button3_b.src = "link03_over.gif"
button4_a= new Image();
button4_a.src = "link04_start.gif"
button4_b= new Image();
button4_b.src = "link04_over.gif"

/* usw. für alle Grafiken,
die am Mouse-Over-Effekt beteiligt sind */

//-->
</script>
</head>

<body>

<a href="beispiel.html" onmouseover="austausch1.src='link01_over.gif';"
onmouseout="austausch1.src='link01_start.gif'"><img src="link01_start.gif"
border="0" width="150" height="30"
name="austausch1"></a>

<a href="beispiel2.html" onmouseover="austausch2.src='link02_over.gif';"
onmouseout="austausch2.src='link02_start.gif'"><img src="link02_start.gif"
border="0" width="150" height="30"
name="austausch2"></a>

<a href="beispiel3.html" onmouseover="austausch3.src='link03_over.gif';"
onmouseout="austausch3.src='link03_start.gif'"><img src="link03_start.gif"
border="0" width="150" height="30"
name="austausch3"></a>

<a href="beispiel4.html" onmouseover="austausch4.src='link04_over.gif';"
onmouseout="austausch4.src='link04_start.gif'"><img src="link04_start.gif"
border="0" width="150" height="30"
name="austausch4"></a>

</body>
</html>

JA das is n1 von dir!!

hast mir sehr geholfen danke nochmal;Jump;Jump;Jump

Kein Problem, gern geschehen :slight_smile:

Ich hoffe du hast auch verstanden wie das Funktioniert :wink:

Man wird das aber auf Probleme stoßen wenn ein User JavaSrcipt deaktiviert hat.

Dann müsste man ein kleines PHp Script schreiben was überprüft ob Java aktiviert ist. Und wenn nicht gibt dieser einen anderen Code aus.

Andernfalls sollte man (wenn man mit Frames arbeitet) das so machen das man einen Textlink einbaut der - wenn man auf ihn klickt - eine alternativ Navi lädt wo kein Java enthalten ist aufruft.

ähm… ja genau was immer ihr sagt …:slight_smile:

aber was heist das genau?

Das heißt es wie folgt :

Wenn ein User Java im Browser deaktiviert hat wird deine Navi nicht angezeigt. Das PHP Script würde dies erkennen und eine andere Navi laden die du einfügen musst.

Allerdings weiß ich nicht wie man checken kann ob Java Aktiviert ist…

Die andere möglichkeit wäre es unter deine Navi ein Link einzubauen „Wird die Navi nicht angezeigt“.
Wenn man den klickt ruft der dann eine andere Navi auf die ohne HTML ist.

da heißt nicht Java sondern Java Script oder JS da gibt es schon einen Unterschied.

http://de.wikipedia.org/wiki/Java_(Programmiersprache)

http://de.wikipedia.org/wiki/Java_Script

achso… aber die ganz normalen standardt internetuser wissen vieleicht nichtmal das es java bzw JS giebt und schalten es dann denke ich nicht einfach so aus…

Schau dir ach mal schnelle Rollover-Menüs ohne Preload und JS an.

vielleicht schon, aber viele Firmen schalten JS einfach so aus-zur Sicherheit :lol:
und du kannst dagegen nichts machen deshalb sind ca. 10% der Internet User ohne JS im Internet schade find