Hjälp med mod av JavaScript!!

[Xtreme]

Hittat ett script som ser ut så här för att fade:a text vid mouseover:

 

KOD:

<style type="text/css">

body{ background-color:rgb(180,180,120); }

a{ color: black; }

</style>

<script language="JavaScript" type="text/javascript">

currentlink=false; steps=12;

function fadein(obj){ if(currentlink){ currentlink.style.color="rgb(0,0,0)"; clearTimeout(fade); } currentlink=obj; currentfade=0; dofadein(); }

function dofadein(){

currentfade=Math.min(255,currentfade+steps);

currentlink.style.color="rgb("+currentfade+","+currentfade+","+currentfade+")";

if(currentfade<255){ fade=setTimeout("dofadein();",20); } else { currentlink.style.color="rgb(255,255,255)"; currentlink=false; }

}

function fadeout(obj){ if(currentlink){ currentlink.style.color="rgb(0,0,0)"; clearTimeout(fade); } currentlink=obj; dofadeout(); }

function dofadeout(){

currentfade=Math.max(0,currentfade-steps);

currentlink.style.color="rgb("+currentfade+","+currentfade+","+currentfade+")";

if(currentfade>0){ fade=setTimeout("dofadeout();",20); } else { currentlink.style.color="rgb(0,0,0)"; currentlink=false; }

}

</script>

 

<a href="#" onMouseover="fadein(this);" onMouseout="fadeout(this);">En länk</a>

<a href="#" onMouseover="fadein(this);" onMouseout="fadeout(this);">en annan länk</a>

<a href="#" onMouseover="fadein(this);" onMouseout="fadeout(this);">en tredje länk</a>

 

 

 

Som läget är nu är första färgen svart och när pekaren är över så är länken vit. Kan inte ändra så att första färgen ex är röd och sista grön . Länkfägen ( a{ color: black; } ) har jag ändrat färg på och lagt i min css fil och det funkar bra. För att få första färgen röd och andra grön har jag ändrat koden så här

 

KOD:

<script language="JavaScript" type="text/javascript">

currentlink=false; steps=12;

function fadein(obj){ if(currentlink){ currentlink.style.color="rgb(255,0,0)"; clearTimeout(fade); } currentlink=obj; currentfade=0; dofadein(); }

function dofadein(){

currentfade=Math.min(255,currentfade+steps);

currentlink.style.color="rgb("+currentfade+","+currentfade+","+currentfade+")";

if(currentfade<255){ fade=setTimeout("dofadein();",20); } else { currentlink.style.color="rgb(0,255,0)"; currentlink=false; }

}

function fadeout(obj){ if(currentlink){ currentlink.style.color="rgb(255,0,0)"; clearTimeout(fade); } currentlink=obj; dofadeout(); }

function dofadeout(){

currentfade=Math.max(0,currentfade-steps);

currentlink.style.color="rgb("+currentfade+","+currentfade+","+currentfade+")";

if(currentfade>0){ fade=setTimeout("dofadeout();",20); } else { currentlink.style.color="rgb(255,0,0)"; currentlink=false; }

}

 

 

 

 

Ska man inte bara kunna ändra rgb färgerna?

 

[BoEriksson]

Har du testat att göra klasser för länkarna. Mycket smidigt tycker jag.

Har ett exempel jag hjälpte en med för ett tag sedan.

Du kan säkert själv modifiera färger och effekter själv.

 

 

<style type="text/css">

<!--

a.red {width: inherit; height: 16; color: red; font-size: 16px; font-weight: 900; font-family: verdana; Filter: Glow(Color=blue, Strength=4)}

a.red:hover {Filter: Glow(Color=yellow, Strength=4) }

a.green {width: inherit; height: 16; color: green; font-size: 16px; font-weight: 900; font-family: verdana; Filter: Glow(Color=green, Strength=4)}

a.green:hover {Filter: Glow(Color=blue, Strength=4) }

a.black {width: inherit; height: 16; color: black; font-size: 16px; font-weight: 900; font-family: verdana; Filter: Glow(Color=white, Strength=4)}

a.black:hover {Filter: Glow(Color=red, Strength=4) }

 

-->

</style>

 

<A HREF = sidan1.htm class="red"> Länk 1 </A><BR><BR>

<A HREF = sidan2.htm class="green"> Länk 2 </A><BR><BR>

<A HREF = sidan3.htm class="black"> Länk 3 </A><BR><BR>