apparition de texte au passage de la souris
Bonjour,
Voici le code js et html:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
|
...
<body>
<ul id="sddm">
<li><a href="#"
onmouseover="mopen('m1')"
onmouseout="mclosetime()">Images</a>
<div id="m1"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="#" >Tango</a>
<a href="#" >Falmenco</a>
<a href="#" >L'âme</a>
</div>
</li>
... |
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 39 40 41 42
| var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
// open hidden layer
function mopen(id)
{
// cancel close timer
mcancelclosetime();
// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';
}
// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}
// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}
// close layer when click-out
document.onclick = mclose; |
J'aimerais que tango, falmenco et l'âme apparaisent lorsque la souris passe sur Images, ou bien, lorsque la page html qui contient ce code js et html s'affiche alors j'aimerais que tango, falmenco et l'âme apparaissent avant que l'on ne clique sur Images. Comment faire pour que n'apparaisse que Images et ensuite, lorsqu'on survole Images, apparaissent à cet instant tango, falmenco et l'âme ?