Just nu i M3-nätverket
Jump to content

Hjälp med mod av JavaScript!!


Xtreme

Recommended Posts

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?

 

Link to comment
Share on other sites

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>

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...