---
title: "Fadescript"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/116034-fadescript"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2004-11-15T19:38:16.000Z"
updated: "2004-11-18T19:46:42.000Z"
replies: 4
views: 326
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/116034-fadescript"
---

# Fadescript

## #1 — Jesper T, 2004-11-15T19:38Z

Har försökt att trixa med jojoxx fadescript för att göra följande.
Onmouseover = blända upp till 100%
Onmouseout = blända ner till 30%

```
 //fades layer in
ie5  = (document.all && document.getElementById);
ns6 = (!document.all && document.getElementById);

function fadeIn(i,j,id){
		if(ie5) document.getElementById(id).filters.alpha.opacity = i;
		if(ns6) document.getElementById(id).style.MozOpacity = i/100;
        i++;
        if (i<j) setTimeout("fadeIn("+i+","+j+",'"+id+"')",0);
};

function fadeOut(i,j,id){
		if(ie5) document.getElementById(id).filters.alpha.opacity = i;
		if(ns6) document.getElementById(id).style.MozOpacity = i/100;
        i--;
        if (i>j) setTimeout("fadeOut("+i+","+j+",'"+id+"')", 0);
};

<div id="myDiv1" class="blended-div" onMouseOver="fadeIn(30,100,this.id)" onMouseOut="fadeOut(100,30,this.id)">
Detta är en rolig text.
</div>
```

Men det "flipprar" lite om man är för snabb med musen. Går det att fixa?

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

## #2 — Jesper T, 2004-11-16T16:19Z

\*Puff\* :)

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

## #3 — Jojoxx, 2004-11-18T17:17Z

Try this

```
var ie5  = (document.all && document.getElementById);
var ns6 = (!document.all && document.getElementById);
var fadelevel=new Object(); var fadetimer=new Object();

function fadeIn(j,id){
	if(fadetimer[id]) clearTimeout(fadetimer[id]);
	fadelevel[id]=(fadelevel[id])?fadelevel[id]:30;
	if(ie5) document.getElementById(id).style.filter="alpha(opacity="+fadelevel[id]+")";
	if(ns6) document.getElementById(id).style.MozOpacity = fadelevel[id]/100;
	fadelevel[id]++;
	if (fadelevel[id]<j) fadetimer[id]=setTimeout("fadeIn("+j+",'"+id+"')",0);
};

function fadeOut(j,id){
	if(fadetimer[id]) clearTimeout(fadetimer[id]);
	fadelevel[id]=(fadelevel[id])?fadelevel[id]:30;
	if(ie5) document.getElementById(id).style.filter="alpha(opacity="+fadelevel[id]+")";
	if(ns6) document.getElementById(id).style.MozOpacity = fadelevel[id]/100;
	fadelevel[id]--;
	if (fadelevel[id]>j) fadetimer[id]=setTimeout("fadeOut("+j+",'"+id+"')", 0);
};
```

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

## #4 — Jesper T, 2004-11-18T18:59Z

Snyggt,
följdfråga: Kan man få den att fada fortare?

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

## #5 — Jojoxx, 2004-11-18T19:46Z

Ändra "++" till "+=2" (öka 2 om du vill) samt ändra "--" till "-=2".

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/116034-fadescript