懸停起燃（關閉）當鼠標離開DIV（幾乎完成，但錯過的東西，無法找到）使用的Joomla菜單

我'，我已經tryed把1倍的效果，當鼠標它的懸停菜單（「燈「走下車位置.... 但問題它刪除（擺脫），其懸停位置當鼠標去從DIV ID =走」菜單中的」在該網站進行任何其他分區/位置.. 。懸停起燃（關閉）當鼠標離開DIV（幾乎完成，但錯過的東西，無法找到）使用的Joomla菜單

下面是完整的代碼，我們可以測試它（更新）：http://jsfiddle.net/FEBkJ/

HTML：

<div id="menu" class="standout"> 
      <jdoc:include type="modules" name="menu" /> 
</div> 
<div id="the_lights" style="display: block; opacity: 0; "></div>

CSS：

#menu{height:30px;width:960px;zoom:1;margin-top:5px;background:#C15F56;z-index:1001;} 
#the_lights {opacity:0.5; background-color:#000; width:100%; height:100%; z-index:10; top:0; left:0; position:fixed; } 
.standout {position: relative;z-index: 10000}

腳本：

jQuery(document).ready(function() { 
     jQuery("#the_lights").fadeTo(1, 0); 
     jQuery(".turnon").hide(); 

     jQuery("#menu").hover(function() { 
      jQuery("#the_lights").css({ 'display': 'block' }); 
      jQuery("#the_lights").fadeTo("slow", 0.8); 
      jQuery(".turnon").show(); 
      jQuery(".turnoff").hide(); 
     });   
    });

我還搜查在這裏的論壇，一些解決方案...但無法找到它...... 感謝任何幫助！鉑的問候！

來源

2012-05-24 Lipes

什麼是'＃pesqui'？我沒有看到，在您的標記... –

抱歉.. #pesqui這是一個格，我沒有測試效應在DIV #menu我忘了底部關閉寫到這裏...但它是沒有必要的，我只是想刪除鼠標從div ID #menu區域 – Lipes

如果我正確理解了你，並看着小提琴，你希望div#the_lights褪色到0不透明，當你的鼠標離開#menu正確嗎？

如果是這樣，你可以使用.mouseenter和'「.mouseleave」

jQuery("#menu").mouseenter(function() { 
    jQuery("#the_lights").css({ 'display': 'block' }); 
    jQuery("#the_lights").fadeTo("slow", 0.8); 
    jQuery(".turnon").show(); 
    jQuery(".turnoff").hide(); 
}); 

jQuery("#menu").mouseleave(function() { 
    jQuery("#the_lights").css({ 'display': 'block' }); 
    jQuery("#the_lights").fadeTo("slow", 0); 
    jQuery(".turnon").show(); 
    jQuery(".turnoff").hide(); 
});

或者你可以使用.toggle的功能合二爲一。

我找不到任何對.turnon和.turnoff類的引用，所以我假設他們已經在頁面的另一部分。

來源

2012-05-24 13:34:16 RemarkLima

嗨。謝謝！工程:)我從一個演示頁面在這裏適應代碼：http://net4.ccs.neu.edu/home/adityak/experiments/jquery/LightsOff.aspx 我不明白爲什麼他們使用的類」 .turnon 「或」.turnoff「我沒有CSS這樣的風格....就像那個演示網站也沒有那個類！ – Lipes

但我也有這條消息在Firebug當我移動鼠標懸停在子菜單鏈接：「event.layerX和event.layerY斷了，在WebKit的過時，他們將在不久的將來引擎中刪除。」 – Lipes

@Lipes你可以，如果有他們沒有引用（在你引用它被用來交換在按鈕的頁面）無疑刪除'.turnon'和'.turnoff'類。另外，請確保您使用的是最新版本的jQuery，因爲它具有最新的功能，應該完全兼容。 – RemarkLima

懸停起燃（關閉）當鼠標離開DIV（幾乎完成，但錯過的東西，無法找到）使用的Joomla菜單

回答

相關問題