fondu sur un menu

bonjour :salut:.
j'aurai besoin de votre aide.
j'ai un script en javascript qui est censé activer ou non une div (display) et si elle est active faire un fondu dessu.
le problème c'est que ca bloque a 0.1 et que ca ne progresse plus et de même quand on va dans l'autre sens, quand j'enlève la souris la div devrai petit a patit devenir transparente pui invisible pour finir par un display=none.

voila mon script javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
function disply(d){
		var aff = document.getElementById(d);
		var frame = document.getElementById('menu_'+d)
		if(frame.style.display == ""){
		setInterval(fondu(),100)
		}
		else{
	var left = 0;
    var top = 0;
    while (aff.offsetParent != undefined && aff.offsetParent != null)
    {
        left += aff.offsetLeft + (aff.clientLeft != null ? aff.clientLeft : 0);
        aff = aff.offsetParent;
    }
		  frame.style.display = "";
		  frame.style.left = left+'px';
		 var timer = setInterval(fondu(d),100)
 
}
 
 
 
function fondu(d){
var frame = document.getElementById('menu_'+d)
var max = 100;
var min = 0;
var opacite=frame.style.opacity;
up=true;
 
if (opacite<max && up){opacite=opacite + 10;}
if (opacite>min && !up){opacite= opacite - 10;}
if (opacite>=max){up=false;}
if (opacite<=min){up=true;}
if(opacite<=0){frame.style.display="none"; opacite=0; clearInterval(timer);}
if(opacite>=100){frame.style.display=""; opacite=100; clearInterval(timer);}
 
frame.style.opacity=opacite/100;
}

et voila mon html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script language="Javascript" src="essai1_fichiers/page.js"></script>
 
</head><body>
<table id="centertable" class="nomargin">
<tbody><tr class="nomargin">
<td class="nomargin" id="bout_g"></td>
<td class="nomargin"><div id="menu-principale"> 
<a onmouseover="disply('Accueil')" onmouseout="disply('Accueil')" id="Accueil" class="menu_link">..:: Accueil ::..</a>
</div></td>
<td class="nomargin" id="bout_d"></td>
</tr>
</tbody></table>
<ul class="sousmenu" style="-moz-opacity:0;filter:alpha(opacity=0); position: absolute; top: 60px; left: 332px; display: none;" onmouseover="disply('Accueil')" onmouseout="disply('Accueil')" id="menu_Accueil">
<li><a class="lien" href="http://clearday.free.fr/v3.0/index.php?menu=1">Accueil</a></li>
<li><a class="lien" href="http://clearday.free.fr/v3.0/index.php?menu=2">News</a></li>
<li><a class="lien" href="http://clearday.free.fr/v3.0/index.php?menu=3">Mises à jour</a></li>
<li><a class="lien" href="http://clearday.free.fr/v3.0/index.php?menu=8">Équipe</a></li>
<li><a class="lien" href="http://clearday.free.fr/v3.0/index.php?menu=15">Travail en cours</a></li>
</ul>

Voila.
en espérant une réponse rapide de votre part.
cordialement, david balan.