---
title: "Fade på länkar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/60440-fade-på-länkar"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Ceeron"
published: "2002-11-27T18:49:22.000Z"
updated: "2002-12-02T16:50:08.000Z"
replies: 4
views: 271
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/60440-fade-på-länkar"
---

# Fade på länkar

## #1 — Ceeron, 2002-11-27T18:49Z

Har sett det nåra gånger...
Typ på länkar så använder man ju vanlig CSS typ hover o så, så den byter färg. Men har sett att färgerna "fadar" smyger fram lite, inte bara byter på en gång...

Nån som fattar va jag menar o som vet hur man gör?

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

## #2 — Erik Juhlin, 2002-11-27T19:13Z

Tråden flyttas till "JavaScript, DHTML".

Och akta er för att svara, jag pillar med ett script. ;)

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

## #3 — Jojoxx, 2002-11-27T19:50Z

[Seek](http://www.webforum.nu/search.php?s=) and you shall [find](http://www.webforum.nu/showthread.php?s=&threadid=42673). :)

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

## #4 — Erik Juhlin, 2002-11-27T19:58Z

Ouch!
Jag snickrade ju ihop ett. Men jag gjorde så att man la färgerna i en array. :)

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script type="text/javascript">
var g_color = ["#000000", "#333333", "#666666", "#999999", "#CCCCCC", "#FFFFFF"];
var g_i = 0;
var g_obj, g_event;

function fade(obj, event)
{
	g_obj = obj;
	g_event = event;
	
	fadeLink();
}

function fadeLink()
{
	if (!g_obj.style || g_obj.style.color == null) return;
	
	g_obj.style.color = g_color[g_i];
	
	if (g_event == "over")
	{
		g_i++;
		if (g_i < g_color.length)
			setTimeout("fadeLink();", 100);
		return;
	}
	else
	{
		g_i--;
		if (g_i >= 0)
			setTimeout("fadeLink();", 100);
		return;
	}
}

function modifyLink()
{
	for (var i = 0; i < document.links.length; i++)
	{
		document.links[i].onmouseover = new Function("fade(this, 'over');");
		document.links[i].onmouseout = new Function("fade(this, 'out');");
	}
}

window.onload = modifyLink;
</script>
</head>
<body>

<a href="http://www.incordia.se/">Incordia</a>

</body>
</html>
```

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

## #5 — ZonD, 2002-12-02T16:50Z

ERÍK JUHLIN:

Kan jag göra så att den fadar snabbare  och hur gör jag det i å fall

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/60440-fade-på-länkar
