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?
Glow-fade-in-text
6 svar · 447 visningar · startad av voigtann1
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>
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. :)
Eh? Det där fattade inte jag, men hur som helst ett ganska festligt script.
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.
Så då.
Snyggt! :)