webForumDet fria alternativet

Glow-fade-in-text

6 svar · 447 visningar · startad av voigtann1

voigtann1Medlem sedan juni 20019 519 inlägg
#1

Finns det en enkel kod för detta... att om en länk tex är Svart så fada den in till vit(svart -> grå -> vit) typ?

JojoxxMedlem sedan juni 20004 308 inlägg
#2

Exempel

<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>
Erik JuhlinMedlem sedan maj 200010 687 inlägg
#3

Jäkligt najsigt script. Men en sak man kunnat förbättra. När man påbörjat fadning o drar bort musen snabbt så utgår den från den färgen man angett som "tillfadnings-färg" och inte från färgen man har kommit till. :)

solbulleMedlem sedan mars 20015 287 inlägg
#4

Eh? Det där fattade inte jag, men hur som helst ett ganska festligt script.

Erik JuhlinMedlem sedan maj 200010 687 inlägg
#5

Drar man musen över länken och bort snabbt så fadar den tillbaka från vitt och inte från den gråa färgen man kommit till.

JojoxxMedlem sedan juni 20004 308 inlägg
#6

Så då.

Erik JuhlinMedlem sedan maj 200010 687 inlägg
#7

Snyggt! :)

129 ms totalt · 3 externa anrop · v20260731065814-full.fb544a5a
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)