javascript - 如何淡出然后直接到新页面

Question

我只是想知道如何在单击时淡出页面并打开另一个 html 页面。现在我有

<div class="menu-item color">
  <a href="html/webmap.html">
    <i class="fa fa-flask"></i>
    <p>Webmap</p>
  </a>
</div>

我怎样才能做到在单击“Webmap”菜单项时页面淡出并打开我的 webmap.html 页面？

我知道涉及 javascript，但我就是想不通!

提前致谢!

Answer 1

没有太多要解释的了:

$(function() {

  $('.menu-item a').click(function() {

    var destination = this.href;

    $('body').fadeOut('slow', function() {

      window.location = destination;
    });

    return false;
  });
});