sIFRとLavaLampは連携できますか？

Question

私は、sIFRとLavaLampを一緒にうまく演奏するのに大変な時間があります。

LavaLampの簡単な歴史：

LavaLamp：jQueryプラグイン

はLavaLampとjQuery サポートJSファイルが

作成LavaLamp CSSを追加

1. 負荷によって起動しました並べ替えられていないリストを追加し、 クラス「lavaLamp」を追加します

URLへ アンカータグが含まれているリストmemebersを追加する例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; 
     } 

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

sIFRを初期化するために取得する最初の試みセレクターを "selector： '#menu'に設定することでした。これはまったく機能しませんでした。ゆっくりと私はdivの入れ子にさらに移動し始めました。

最後に、セレクタ： '.lavaLamp li a'、LavaLampが正しく初期化され、フォントとロールオーバーを正しく表示するようになりました。

問題：

1. が がアクティブであることをテキストに直接クリックすると、アンカータグには動作しません。ただし、 の左端または右端をクリックすると、LavaLampの画像が ロールオーバーとして使用され、アンカーがクリックされます。
2. あなたは メニューの他の項目をロールオーバー、あなたのマウス オフ、ロールオーバーし、最後は ではなく、現在アクティブなメニュー項目に を返すよりも、強調されたまま、いくつかの回。

任意の助けを事前に感謝...

-A

Answer 1

は<li>ではなく<a>を交換し、これはsIFRはクリックを処理し、Flashムービー内の効果を合わせることができます。