Tuxie
Membre récent
 Hors-Ligne
Sexe: 
Messages: 23
 
|
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>
|
Auteur 
Connecté 
