动画未定义的动作

时间:2018-04-08 18:03:49

标签: javascript html css

我会直截了当地说:当我将鼠标悬停在div上时,我会设置javascript以显示隐藏的div。这让徘徊的一举...... 这是一个非常突然的动作,我想动画它,但因为我从来没有告诉div移动我无法理解(我是一个纯粹的初学者)如何定义它(我希望看到一个柔和的运动到顶部)。

我添加了代码

   <div class='modal'>

  <div class='content'>
    <div class="row" style="padding: 15px;">
      <div class="dropdown">
        <div class="dropbtn"><a class="work">Works</a></div>
        <div class="row inside-link">
          <div class="row">
            <div class="col-4"> <a href="portofolio/video/video.html">Video</a></div>

            <div class="col-4"> <a href="portofolio/photography/photography.html">Photo</a></div>
            <div class="col-4"> <a href="portofolio/graphics/graphics.html">Graphics</a></div>
          </div>

        </div>

      </div>
    </div>


    <div class="row"><a href="about.html">About</a></div>
    <div class="row"><a href="contact.html">Contact</a></div>

由以下javascript代码

设置动画
    <script>
  $(function() {
    $(".dropdown").hover(function() {
      $(".row.inside-link").fadeIn();
    }, function() {
      $(".row.inside-link").fadeOut();
    });
  });

</script>

我希望看到的是“作品”在显示“.row.inside link”之前顺利移动(在css中它是“display:none”)。由于我只定义了由“.row.inside link”完成的移动,我不明白该怎么做。 我完成整个街区的运动,但这不是我的意思。

感谢谁将帮助我。 干杯 弗朗西斯

1 个答案:

答案 0 :(得分:0)

这是你想要的吗?

&#13;
&#13;
<nav class="navbar navbar-expand-lg navbar-dark bg-primary py-3" [ngClass]="{'isNotFound': isNotFound, 'isHome': isHome}" id="mainNav">
  <div class="container">
&#13;
&#13;
&#13;