Titre: [résolu]Lien qui clignote
Posté par: Tuxie le le 12-10-2008 a 17:16:25
Bonjour,
Pour mon premier essai en JavaScript, j'ai voulu faire un menu déroulant.
Le principe : une image où, lorsque l'internaute positionne le curseur, un menu se déroule de gauche à droite.
Le problème : lorsque l'on passe la souris de l'image sur le menu, le lien qui correspond clignote très vite, ce qui est affreux à l'affichage.
Merci pour votre aide.
Voici mon script :
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>test</title>
<style type="text/css">
#menu_pal li:hover > .sous_menu {display : block; background-color: red;}
</style>
<script type="text/javascript">
<!--
window.onload=affiche;
function affiche(id)
{
for (var i = 1; i<=4; i++) {
if (document.getElementById('ssmenu'+i))
{document.getElementById('ssmenu'+i).style.display='none';}
}
if (document.getElementById(id))
{document.getElementById(id).style.display='block';}
}
//-->
</script>
</head>
<body
style="direction: ltr; background-image: url(../images/Green.jpg);">
<div>
<ul id="menu_pal">
<div style="position: absolute; width: 200px;"
onmouseover="javascript:affiche('ssmenu1');"
onmouseout="javascript:affiche('');">
<a href="#"><img src="../images/menu.gif"
border="0"></a></div>
<ul style="font-weight: bold; color: rgb(0, 0, 102);"
id="ssmenu1">
<div style="position: absolute; top: 50px; left: 150px;"><a
href="carriere.html" style="text-decoration: none;">Sa
carrière</a></div>
</ul>
</ul>
</div>
</body>
|
Titre: Re:Lien qui clignote
Posté par: Tuxie le le 14-10-2008 a 10:40:13
Bon, j'ai réussi à faire que le lien ne clignote plus (j'ai déplacé la fin de la première balise div).
Par contre, j'ai un autre problème : la zone "à cliquer" pour faire apparaître le menu ne se concentre pas sur l'image. Si j'approche la souris par la droite, le menu apparait même si je n'ai pas atteint l'image. Dans le code, si je restreint la zone en pixels pour qu'elle ait la largeur de l'image, le menu n'apparait pas. Quelqu'un a-t-il une solution ? |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|