Onclick avec lien de l'image

Je veux créer un menu qui va changer lors du passage de la souris et onclick.

Mais, mon onclick ne tourner à vide lorsque vous cliquez dessus.

J'ai découvert que si je supprime l'un href, le onclick fonction de fonction de.

Ce que quelqu'un sait comment résoudre le problème?

<a href="{storeurl}?act=aboutus">
  <img src="skins/sunlift/styleImages/navbar_pic/aboutus_n.jpg"
       onclick="this.src='skins/sunlift/styleImages/navbar_pic/aboutus_h.jpg'"
       onmouseover="this.src='skins/sunlift/styleImages/navbar_pic/aboutus_h.jpg'"
       onmouseout="this.src='skins/sunlift/styleImages/navbar_pic/aboutus_n.jpg'"/>
</a>

OriginalL'auteur eric | 2012-10-03

  1. 6

    ajouter return false; à la fin de la fonction de rappel:

    <a href="{storeurl}?act=aboutus"><img src="skins/sunlift/styleImages/navbar_pic/aboutus_n.jpg"
                                                               onclick="this.src='skins/sunlift/styleImages/navbar_pic/aboutus_h.jpg'; return false;"
                                                               onmouseover="this.src='skins/sunlift/styleImages/navbar_pic/aboutus_h.jpg'"
                                                               onmouseout="this.src='skins/sunlift/styleImages/navbar_pic/aboutus_n.jpg'"
                                                              /></a>
    Il a travaillé. Merci!!!!

    OriginalL'auteur gabitzish

  2. 1

    Vous pouvez utiliser le CSS pour ce.
    Exemple html:

    <ul>
    <li><a href="#n">Whisky</a></li>
</ul>

    Exemple css:

    ul a {
  display: block;
  background: url('skins/sunlift/styleImages/navbar_pic/aboutus_n.jpg') no-repeat;
}

ul a:active,
ul a:focus {
  background: url(skins/sunlift/styleImages/navbar_pic/aboutus_h.jpg) no-repeat;
}

ul a:hover {
  background: url('skins/sunlift/styleImages/navbar_pic/aboutus_h.jpg') no-repeat;
}

    Démo: http://jsfiddle.net/FakeHeal/VtZVz/3/

    OriginalL'auteur Ivanka Todorova

  3. 0

    Vous pouvez faire cela sans bibliothèque jquery

    juste avec javascript simple

      <html>
  <head>
  <script>
  function myFunction()
  {
   alert("Hello World!");
  }
  </script>
 </head>

  <body>
  <img src="test.png" onclick="myFunction()">
  </body>
  </html>

    OriginalL'auteur Ashouri