jquery - 闪烁淡出 div。我怎么能阻止它？

Question

很抱歉今天我的问题打扰了你。

当我转到不同的子菜单以及将鼠标移开时，您知道如何阻止 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>

Answer 1

如果“闪烁”是因为它不断地“进出”褪色，您*可以使用 .stop() 或使用 animate 和 queue:false，就像这样 -

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

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