如何在onbeforeunload

Question

我有一个来自div的自定义警报消息。当页面要重新加载或关闭时，如何淡入div？还有其他更好的建议吗？感谢

	  window.onbeforeunload = function() {
         $(".alert").fadeIn();
      }

.alert{
  height:80px;
  width:200px;
  padding:10px;
  text-align:center;
  border:1px solid #000;
  display:none;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="alert">Are you sure ?</div>