Können sIFR und LavaLamp zusammenarbeiten?

Question

Ich habe eine Menge Zeit mit sIFR und LavaLamp, um nett zusammen zu spielen.

Eine kurze Geschichte der LavaLamp:

LavaLamp: eine jQuery-Plugin

gestartet von

1. Last der LavaLamp und jQuery unterstützt JS-Dateien, die LavaLamp css
2. hinzufügen erstellen eine unsortierte Liste und fügen Sie die Klasse "lavaLamp" hinzu
3. hinzufügen Liste memebers die Anker-Tags zu den Urls

Beispiel 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; 
     } 

Beispiel HTML enthalten:

<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> 

Die ersten Versuche zu bekommen sIFR die initialisieren In diesem Menü wurde der Wahlschalter auf "selector: '#menu' gestellt. Das hat überhaupt nicht funktioniert. Langsam bewegte ich mich weiter und weiter in das Nest des Div.

Schließlich, wenn ich: Selektor: '.lavaLamp li a', die LavaLamp korrekt initialisiert und begann, die Schriftarten und Rollover richtig anzuzeigen.

Die Themen:

1. Die Anker-Tags funktionieren nicht, wenn direkt auf den Text klicken, dass aktiv sein soll. Wenn Sie jedoch auf ganz links oder rechts von klicken, wird das Bild, das LavaLamp als Rollover verwendet, auf den Anker klicken.
2. Wenn Sie rollen über andere Gegenstände in das Menü, einige Male, wenn Sie mit der Maus ab, rollte die letzte über bleiben hervorgehoben, anstatt auf den aktiven Menüpunkt zurück.

Vielen Dank im Voraus für jede Hilfe ...

-A

Answer 1

Ersetzen der <li> statt der <a>, lässt diese sIFR Klicks umgehen und Effekte innerhalb des Flash-Films schweben.