Question

我会直截了当地说：当我将鼠标悬停在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”完成的移动，我不明白该怎么做。我完成整个街区的运动，但这不是我的意思。

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

Answer 1

这是你想要的吗？

＆＃13;

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

＆＃13;

动画未定义的动作

1 个答案: