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/

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

1 个答案: