• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Link bei dem sich nur die Farbe des ersten Zeichens ändert ?

(_H.A.W.K_)

New member
Hi
Gibt es eine Möglichkeit, dass sich bei mouseover nur die Farbe des ersten Zeichens vom Link verändert ???
Als Beispiel:

• links <- vorher

links <- bei mouseover

Besser wäre aber noch, wenn nur das Wort verlinkt ist, aber nicht der Punkt.
Jedoch weiß ich nicht ob sowas geht.

cya
 
wie wäre es den mit bildern? dann kan man sich unkompatiblen code sparen...?

an sonsten:

Code:
<html>
<head>
<meta name="generator" content="notepad">

<script> 
hoverColor = function(id,color) {

	cross = (document.all) ? document.all[id] : document.getElementById(id);

	cross.style.color = color;
};
</script> 
</head>

<body>
<table>
<tr><td><div id="point1">•</div></td><td><a href=# onmouseover="hoverColor('point1','ff0000')" onmouseout="hoverColor('point1','000000')">link 1</a></td></tr>
<tr><td><div id="point2">•</div></td><td><a href=# onmouseover="hoverColor('point2','ff0000')" onmouseout="hoverColor('point2','000000')">link 4</a></td></tr>
<tr><td><div id="point3">•</div></td><td><a href=# onmouseover="hoverColor('point3','ff0000')" onmouseout="hoverColor('point3','000000')">link 5</a></td></tr>
<tr><td><div id="point4">•</div></td><td><a href=# onmouseover="hoverColor('point4','ff0000')" onmouseout="hoverColor('point4','000000')">link 6</a></td></tr>
<tr><td><div id="point5">•</div></td><td><a href=# onmouseover="hoverColor('point5','ff0000')" onmouseout="hoverColor('point5','000000')">link 7</a></td></tr>
</table>
</body>
</html>
 
Zuletzt bearbeitet:
Danke, sowas wollte ich :D
Könntest du vielleicht noch sagen was ich ändern muss, damit ich das mit Grafiken machen muss ???
Wenn nicht, dann such ich ma bei google. Ich hab sowas nämlich schon ein paar mal gesehen.

cya
 
dann mach doch gleich alles mit grafiken...?!

Code:
change = function(pname,pic) {

	eval("document."+pname).src = pic;
};

......................

<tr><td><img src=bild1.jpg name="bild1"></td><td><a href=# onmouseover="hoverColor('bild1','bild1.jpg')" onmouseout="hoverColor('bild1','bild2.jpg')">link 1</a></td></tr>

hättest du sogar im js-forum in der FAQ erlesen können....
 
im andern Thread ging es ja um die Geschwindigkeit, gibt es da grosse Unterschiede zwischen: eval("document."+pname)
oder document.images[pname] :confused:
 
Zurück
Oben