Cufon Styling pour la navigation principale

Question

Dans ce site: http://theoew.uuuq.com/portfolios/Idea/ J'utilise Cufon pour styler le texte pour la navigation principale. J'ai utilisé ce code html pour cela.

<ul id="mainnav" class="alignright"> 
    <li class="active"> 
     <a href="#"> 
      <span>Home</span> 
      <small class="active">main page</small> 
     </a> 
    </li> 
    <li> 
     <a href="#"> 
      <span>About</span> 
      <small class="active">my bio</small> 
     </a> 
    </li> 
</ul> 

Cependant, j'ai un problème avec cela. Lorsque je passe la souris sur la portée #mainnav li et que je la déplace immédiatement vers le bas pour la placer au-dessus du petit texte #mainnav li, la portée #mainnav li pense que la souris est toujours dessus et reste dans son état stationnaire. Cela ne se produit pas lorsque je ne survole pas le #mainnav li small après avoir survolé la portée #mainnav li.

J'utilise ce code avec Cufon:

Cufon.replace('#mainnav li a span', { 
    hover: true, 
    hoverables: { span: true, small: true } 
}); 

Il est vraiment essentiel que je reçois donc je fixai ce serait vraiment apprécier toute aide.

Note: Le site n'est en aucun cas terminé.

Answer 1

hey. Je n'ai pas couru le code mais vous pourriez essayer d'ajouter la petite étiquette dans vous remplacer le cufon .....

<script type="text/javascript"> 
      $(document).ready(function() {  
       Cufon.replace('h1, #mainnav li a span, #mainnav li a small', { 
        hover: true, 
        hoverables: { span: true, small: true } 

       }); 
      }); 
     </script>