• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

onMouseover effekt

Status
Für weitere Antworten geschlossen.
D

dendemann

Neues Mitglied
Ähm, bin HTML anfänger und bitte euch jetzt ma mir nen HTML code dafür zu schreiben! Ich muss die Page für die Schule machen, da aber unser Info Lehrer absolot keine Ahnung hat(weil er nur ´n mathelehrer ist) frag ich einfach ma hier! Aber zählt mir dann bitte nicht auf, das mit JS oder CCS usw. viel einfacher geht.

THX
 
Werbung:
1. soweit ich weiss geht das nicht...
2. ich bin mir ziemlcih sicher das das schonmal gefragt wurde. ich bin zwar net so extrem gegen codes geben usw. aber alles mehrfach schreiben muss au net sein
 
du kannst es mit css machen das is das einfachste!!! aber das unterstützt ned jeder browser vor allem ned der IE
 
Werbung:
Das geht auch!!!

(für die dies wissen wollen: background-image:url(pfad/bild.jpg; )
 
Werbung:
es geht ja auch mit css und css ist nicht html!!! aber bei dem internet explorer werden manche :hover nicht angezeigt... z.b. bei tabellen soweit ich weiß!!!
 
Danke schonma! Aber, kann ich CSS oder JS mit HTML zusammen in einem Dokument machen? also, wenn das geht, wär nett wenn ihr mir dann en code fürn onmouseover effekt mit JS oder CSS schreiben würdet!!

danke
 
Werbung:
In den <head> Bereich:

Code: 
<style type="text/css">
<!--

-->
</style>

Das wegen dem Code geben...Nun ja. Damit du das auch wirklich anwenden kannst müsste man dir fast das ganze CSS erklären. Ausserdem geben wir hier keine ganzen Codes.
 
oder in einer externen Datei was bei viel Code sinn macht

Code: 
<link rel="stylesheet" href="hier der Dateiort mit Dateiname.css">
 
so müsste es gehen

Code: 
<head>
<style type="text/css"> 
<!-- 
 a:link{color:#000099;}
  a:visited{color:#0000CC;}
  a:hover{color:#FF0033;}
  a:active{color:#FF0033;}
--> 
</style>
</head>
 
Werbung:
hi, danke für eure vielen antworten!! Also, da einzig sinnvolle was ich sehe ist der letzte beitrag von ema! Aber um einen onmouseover effekt zu bekommen, müssen auf jeden fall schonma 2 bildpfade angegeben sein oder?
Aber ich hoffe heut abend kommen noch ´n paar nützliche sachen!!


THX
 
Werbung:
Hallo,
ich bin neu hier und hab gleich mal eine Frage da ich aus dem voherigen Beiträgen nicht schlauer geworden bin.

Ablage der beiden Bilder bei imageshack:
http://img411.imageshack.us/img411/8950/hellrot1fy8.gif
http://img132.imageshack.us/img132/7307/hellrot2hb8.gif

Mein HTML Befehlt sieht dann so aus:

<a href="#" onMouseOver="image.src='http://img132.imageshack.us/img132/7307/hellrot2hb8.gif';" onMouseOut="image.src='http://img411.imageshack.us/img411/8950/hellrot1fy8.gif';" >
<img name="image" src="http://img411.imageshack.us/img411/8950/hellrot1fy8.gif" border="0" ></a>


Aber da tut sich nix bei dem Bild wenn ich mit der Maus drüber gehe.
Ich will eigentlich auch gar nicht auf eine andere Seite verlinken.
Es soll nur Bild 1 zu sehen sein, und solange man mit der Maus darüber steht soll Bild 2 zu sehen sein. Mehr wollte ich nicht.
Gruß
Kumara
 
änderungen dabei bekommst du glaub ich nur, wenn du das schwster Bild bei css unter a:hover als hintergrundbild nimmst.

müsste so funtionieren
 
Werbung:
Hi nikisback,
Danke für die Antwort, aber verstanden hab ich nichts.
Nun ja, bin halt Anfänger.

Kann es mir jemand erklären was ich falsch mache?
Gruß
Kumara
 
kumara, du machst überhaupt nichts verkehrt - bei mir funktioniert das.

Hast du schon daran gedacht, dass du, wenn du zum ersten Mal mit der Maus über das Bild gehst, auch ein bisschen warten musst, bis das neue Bild von imageshack geladen ist (im Zweifelsfall den Mauszeiger also ein wenig über dem Bild lassen, bis das neue angezeigt wird)?

Bei diesem Problem hilft die auch in vielen anderen Aspekten elegantere Lösung in meiner Signatur: CSS 2: schnelle Rollover-Menüs ohne Preload
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben