javascript - Page/Div 内容在点击时淡入淡出

Question

我已经在我的招聘网站上工作了几天。我是编程新手。请我需要脚本，该脚本将在单击每个就业职位空缺 div 时淡出并在单击就业审查内容页面上的“关闭”时淡入就业审查内容。谢谢。

Answer 1

您可以像这样使用 jquery 来实现:http://api.jquery.com/fadeout/

$( "#vacancy-div-id" ).click(function() {
  $( "#id-of-what-you-want-to-fade-out" ).fadeOut( "slow", function() {
    // Animation complete.
  });
});

要淡入你可以使用这个:http://api.jquery.com/fadein/

$( "#close-button-id" ).click(function() {
  $( "#id-of-what-you-want-to-fade-in" ).fadeIn( "slow", function() {
    // Animation complete
  });
});

更详细的示例 - 将其放入您的 html 中:

<script>
    $( "#close-button-id" ).click(function() {
      $( "#id-of-what-you-want-to-fade-in" ).fadeIn( "slow", function() {
        // Animation complete
      });
    });
</script>

如果您不知道要单击以触发淡入动画的元素的 id，可以右键单击该元素并单击检查，它会向您显示页面的 html。