---
title: "Glow-fade-in-text"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/43527-glow-fade-in-text"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "voigtann1"
published: "2002-05-11T19:33:43.000Z"
updated: "2002-05-12T10:10:14.000Z"
replies: 6
views: 447
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/43527-glow-fade-in-text"
---

# Glow-fade-in-text

## #1 — voigtann1, 2002-05-11T19:33Z

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?

Permalänk: https://www.webforum.nu/p/43527

## #2 — Jojoxx, 2002-05-11T21:34Z

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>
```

Permalänk: https://www.webforum.nu/p/671885

## #3 — Erik Juhlin, 2002-05-12T00:17Z

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. :)

Permalänk: https://www.webforum.nu/p/671919

## #4 — solbulle, 2002-05-12T00:21Z

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

Permalänk: https://www.webforum.nu/p/671920

## #5 — Erik Juhlin, 2002-05-12T00:24Z

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.

Permalänk: https://www.webforum.nu/p/671921

## #6 — Jojoxx, 2002-05-12T08:17Z

Så då.

Permalänk: https://www.webforum.nu/p/671961

## #7 — Erik Juhlin, 2002-05-12T10:10Z

Snyggt! :)

Permalänk: https://www.webforum.nu/p/672014

---

Tråden på webben: https://www.webforum.nu/amne/javascript/43527-glow-fade-in-text