Question

我想在悬停在另一个元素上时向下滑动工具提示元素。

我尝试过使用jQuery，但我觉得如果hover countbox1 countbox1，任何内容都不会消失。 $(document).ready(function(){ $("#countbox1").onmouseover(function(){ $("#tooltip").fadeIn(); }); $("#countbox1").onmouseout(function(){ $("#tooltip").fadeOut(); }); });是使用javascript制作的计时器。

我认为脚本不对。我认为它出于某种原因并没有检测到jQuery。

我也尝试下载jQuery并将其放在＆＃34; src：＆＃34;直接

＆＃13;

#countbox1 {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: bebas;
  font-size: 70px;
  color: white;
  cursor: default;
}

#tooltip {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  color: white;
  font-family: mix_thin;
  font-size: 18px;
  text-align: center;
  margin-bottom: -5px;
  display: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<div id="home">
  <p id="tooltip">Wochen:Tage:Stunden:Minuten:Sekunden</p>
  <div id="countbox1"></div>
  <hr style="width: 500px;">
</div>

＆＃13;

{{1}}

＆＃13;

Answer 1

您可能正在使用弃用的方法。

替换下面的代码，然后重试：

$(document).on('ready',function(){
    $("#countbox1").on('mouseover',function(){
        $("#tooltip").stop(true).fadeIn();
    });
    $("#countbox1").on('mouseout',function(){
        $("#tooltip").stop(true).fadeOut();
    });
});

悬停在另一个对象上时淡入对象

1 个答案: