Bonjour!
Je vais essayer de te répondre:
1/ Pour ma part je te conseille de bannir le Flash. Un menu en HTML/CSS est faisable, tu peux également y rajouter du javascript (ou jQuery) pour animer le pâté!
2/ Google is your best friend
Rien ne t'empêche d'utiliser la méthode du Sideduzero, c'est à dire de construire ton menu simplement:
<ul><li>menu1</li><li>menu2</li></ul>
avec évidemment le style qui te convient.
Puis de capturer l'évènement onmouseover sur tes balises <li></li>, et au passage de la souris, afficher une balise <div> qui contiendras tous ce que tu veux: image, titres, etc.
En jQuery cela donnerai par exemple:
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
|
<script type="text/javascript">
$().ready(function() {
$("#menuBar li").hover(function() {
// Quand la souris passe dessus
var currentId = $(this).attr("id");
$(currentId + "_content").css("display", "block");
}, function() {
// Quand la souris s'en va ...
var currentId = $(this).attr("id");
$(currentId + "_content").css("display", "none");
});
});
</script>
<div id="menuBar">
<ul>
<li id="menu1">menu1</li>
<li id="menu2">menu2</li>
</ul>
<div id="menu1_content" style="display:none">
<h1>Trop cool</h1>
<img src="ton_image.png" alt="mmh" title="pouet" />
</div>
<div id="menu2_content" style="display:none">
<h1>Trop cool</h1>
<img src="ton_image.png" alt="mmh" title="pouet" />
</div>
</div> |
Après il faut bien évidemment appliquer le style à tes divs pour que tous soit en forme!
3/ Je ne vois aujourd'hui que très peu d'inconvénients à utiliser JavaScript. Le plus important est le risque que l'utilisateur est désactivé ce dernier sur son poste, ce qui est extrêmement rare, environ 10% des gens sont dans ce cas. Il faut compter dans ce pourcentage (totalement approximatif) tous les gens qui utilisent des navigateurs où Javascript n'est pas installé nativement (Lynx, certains PDA, etc.).
Bon dév'
Partager