Discussion :

[Panninie]

Bonjour,

Je viens vers vous pour vous poser une question (je n'arrive pas à trouver la réponse). En effet, je fais un menu de ce style :


Donc j'aimerais que le petit bonhomme "lève les bras" dès que l'on passe la souris soit sur le bonhomme soit sur le texte. Sinon je souhaite qu'il ait "les bras en bas".

Voici mon code pour ma barre de menu : (je n'arrive à faire "lever les bras" qu'avec l'image mais pas avec le texte).

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<section>
<ul id="menu">
    <li class="onglet1"><a href="index.html"><img src="test.png" onmouseover="this.src='test2.png';" onmouseout="this.src='test.png'" alt="" alt="Bas" class="bonhomme1"/>Accueil</a></li>
    <li class="onglet2"><a href="Presentation.html"><img src="test.png" alt="Bas" class="bonhomme1"/>Présentation</a></li>
    <li class="onglet3"><a href="Demande.html"><img src="test.png" alt="Bas" class="bonhomme1"/>Demande d'aide</a></li>
    <li class="onglet4"><a href=""><img src="test.png" alt="Bas" class="bonhomme1"/>Epicerie Solidaire</a>
    <ul class="sousonglet">
        <li class="sous-menu1"><a href="PresentationE.html">Présentation</a></li>
        <li class="sous-menu2"><a href="ReservationE.html">Réservation</a></li>
    </ul>
    </li>
    <li class="onglet5"><a href="Contact.html"><img src="test.png" alt="Bas" class="bonhomme1"/>Contact</a></li>
</ul>
</section>

Merci pour vos réponses !

[SpaceFrog]

Une petite recherche s'impose ...
http://plambert.developpez.com/tutor...ffet-rollover/
http://www.developpez.net/forums/d14...aire-rollover/

http://www.developpez.net/forums/d14...ver-ne-marche/

[Panninie]

Bonjour,
j'ai bien réussis à changer l'image avec du js (présent dans mon script) comme dans les liens que vous m'avez fournis mais je n'arrive pas à le faire, quand je passe la souris sur le texte (comme sur l'image). Est-ce possible ?
Merci de vos réponse

[SpaceFrog]

je pense que tu as du utiliser le hover sur l'image .

pour déporte l'action sur le texte il y a plusieurs solution en fonction de la structure utilisée.

Tu aurais pu passer par une background-image ce qu'i t'aurais permis d'utiliser directement le hover du lien pou raffecter l'image d'arrière plan ...

Avec ta balise image il te suffit sur le mouseenter / mouseleave de ton lien de coller un petit js qui modifie la source de l'image