SIFR et LavaLamp peuvent-ils fonctionner ensemble?

Question

Je vais avoir du mal à faire en sorte que sIFR et LavaLamp jouent ensemble.

Une brève histoire de LavaLamp:

LavaLamp: un plugin jQuery

a commencé par

1. charge les LavaLamp et jQuery supportant les fichiers JS ajouter le LavaLamp css
2. créer une liste non triée et ajouter la classe "lavaLamp"
3. ajouter memebers liste contenant balises d'ancrage aux urls

Exemple CSS

.lavaLamp { 
     position: absolute; 
     height: 29px; 
     padding: 15px; 
     margin: 24px 0 0 0; 
     } 



.lavaLamp li { 

     float: left; 
     list-style: none; 
     } 



.lavaLamp li.back { 

     background: url(../images/lava.png) no-repeat right -30px 
     width: 9px; 
     height: 30px; 
     z-index: 8; 
     position: absolute; 
     } 



.lavaLamp li.back .left { 

     background: url(../images/lava.png) no-repeat top left 
     height: 30px; 
     margin-right: 9px; 
     } 



.lavaLamp li a { 

     font-size: 20px; 
     position: relative; 
     overflow: hidden; 
     text-decoration: none; 
     color: #000000; 
     outline: none; 
     text-align: center; 
     height: 30px; 
     top: 4px; 
     z-index: 10; 
     letter-spacing: 0; 
     float: left; 
     display: block; 
     padding:0px 10px; 
     } 

Exemple HTML:

<div id="menu"> 
    <ul class="lavaLamp"> 
     <li><a href="somewhere.html">Some Where</a></li> 
     <li><a href="somewhereelse.html">Some Where Else</a></li> 
    </ul> 
</div> 

Les premières tentatives pour obtenir sIFR pour initialiser le Le menu consistait à régler le sélecteur sur "selector: '#menu'. Cela n'a pas fonctionné du tout. Lentement, j'ai commencé à aller de plus en plus loin dans le nid de la div.

Enfin, quand j'ai fait: selector: '.lavaLamp li a', le LavaLamp s'est initialisé correctement et a commencé à afficher correctement les polices et les roll-overs.

Les questions:

1. Les balises d'ancrage ne fonctionnent pas lorsque cliquant directement sur le texte que doit être actif. Toutefois, si vous cliquez à l'extrême gauche ou à droite de l'image LavaLamp utilise comme le retournement , il va cliquer sur l'ancre.
2. Lorsque vous roulez sur d'autres éléments dans le menu , quelques fois lorsque vous passez la souris off, le dernier roulé sur des séjours mis en évidence, plutôt que de retourner à l'élément de menu actuellement actif.

Merci à l'avance pour toute aide ...

-A

Answer 1

Remettez en place le <li> plutôt que le <a>, cela permet sIFR de gérer les clics et le vol stationnaire effets dans le film Flash.