Discussion :

[beegees]

Bonjour à tous,

J'ai un gros souci d'animation avec jquery.

à droite de mon site, un onglet bouge quand on met la souris dessus :

http://dubinfo.be/jamesservices12/FR/index.php

Voici mon code :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
$("#onglet_complet").on('mouseenter', function()
   {
       $("#onglets").animate({left:'1150px'});
   });
 
   $("#onglet_complet").on('mouseleave', function()
   {
       $("#onglets").animate({left:'1370px'});
   });

Le problème : d'une résolution à une autre, l'onglet se place à des endroits différents ou parfois est carrément caché une fois qu'il perd le focus.

En plus, ça ne fonctionne pas avec Google chrome (le problème semble être connu).

Voyez-vous ce qui ne vas pas svp ?

Merci d'avance.

bee

[beegees]

J'ai finalement résolu le problème par moi-même.

Pour Google Chrome, il faut utiliser le % et non le px.

Voici le code qui a (normalement) résolu mon problème :

Code :

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

1
2
3
4
5
6
7
8
9
$("#onglet_complet").on('mouseenter', function()
   {
       $("#onglets").animate({right:'+5%'});
   });
 
   $("#onglet_complet").on('mouseleave', function()
   {
       $("#onglets").animate({right:'-10%'});
   });

J'espère que cela aidera quelqu'un

bee

[SpaceFrog]

animate accepte les px ... même sous chrome !!

http://jsfiddle.net/GC3AH/