J'ai cherché dans différents forum mais je n'ai pas trouvé une solution satisfaisante. Je vous montre mon code et en explique le probleme. Je ne mets pas le css car le problème ne vient pas de là

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
Partie HTML
 
<body>
<script type="text/javascript" src="animation.js"></script>
<div id="bloc" onmouseout="disappear()"><!--onmouseleave-->
	<div id="logo" onmouseover="appear()"><div id="logo_img"></div></div>
	<div id="link">
		<li><span class="title">Entreprise Fake</span></li>
		<li><span class="text">blablalblalal</span></li>
		<li><a href="#">www.samsung.fr</a></li>
	</div>
	<div id="services">
		<img src="img/movie.png"/>
		<img src="img/phone.png"/>
		<img src="img/note.png"/>
	</div>
</div>
</body>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
 
Partie javascript
 
function anim_logo(state)
	{
	if(state==true)
		{
		document.getElementById("link").style.display="none";
		document.getElementById("services").style.display="block";
		}
	else if(state==false)
		{
		document.getElementById("link").style.display="block";
		document.getElementById("services").style.display="none";
		}
	}
 
function appear()
	{
	anim_logo(true);
	}
 
function disappear()
	{
	anim_logo(false);
	}
Ce que je veux que ca fasse:
Passer sur le logo et que celui-ci fasse disparaitre le div link et apparaitre le div services par une animation (dont le probleme vient d'etre resolu sur le forum)- Cette partie marche
Ensuite lorsque que je quitte le div bloc qui contient tout, je voudrais que e div services disparaisse et laisse ca place au div link

Problème:
Lorsque je quitte le logo, le div bloc déclenche l'événément onmouseout

Solution partielle:
Sous IE il existe l'événement onmouseleave, c'est exactement cela que je veux mais il me faudrait un équivalent pour Firefox