閃爍淡出div。我怎麼能阻止呢？

當我進入不同的子菜單並將鼠標移開時，您是否知道如何阻止div閃爍？我希望內容成爲50％的時間。看來，當我瀏覽不同的子菜單時，每次跳躍都會再次消失。我能做什麼？非常感謝你的幫助。

http://www.guntmarwolff.com/test/fadetest3.php

<script type="text/javascript" src="jquery-1.8.0.min.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function(){ 

    $("#Layer5 li a").hover(function() { 
     console.log("in"); 
     $("#header1").fadeTo('slow', 0.5); 
     }, 
    function() { 
     console.log("out"); 
     $("#header1").fadeTo('slow', 1); 
}); 

}); 
</script>

來源

2012-12-08 user1886938

按F12在瀏覽器或FF Firebug的控制檯視圖。 console.log（「in」）;等等都是爲了測試。 – Timbadu

如果你花一點時間閱讀jquery文檔，你會享受更多！ – Timbadu

我沒有看到任何閃爍。 –

如果「閃爍」，是因爲它不斷地「進出」的衰落下去，你*既可以使用.stop（），或使用動畫和隊列：假的，像這樣 -

$("#Layer5 li a").hover(function() { 
    $("#header1").animate(
     {'opacity': '.5'}, 
     {queue: false} 
    ) 
}, function() { 
    $("#header1").animate(
     {'opacity': '1'}, 
     {queue: false} 
    ) 
});

這裏是工作示例的小提琴 - http://jsfiddle.net/jmsessink/XwMVj/

來源

2012-12-08 02:45:06 JSess

閃爍淡出div。我怎麼能阻止呢？

回答

相關問題