单击链接时加载移动鼠标光标 3-4 秒

Load moving mouse cursor for 3-4 secs when clicked on link

本文关键字：光标 鼠标 移动 链接 加载 单击      更新时间：2023-09-26

我想知道如何阻止用户在点击链接时在网站上执行任何任务 3-4 秒。我有一个条件，当我单击特定链接/按钮时，它应该下载一个文件，在此之前，用户无法访问该页面。有人可以告诉我当用户单击链接时如何在页面上显示忙碌的鼠标光标???

您可以为页面正文创建一个覆盖div，并将其光标 css 属性设置为"等待"

<body>
   <div class="wait-overlay" style="display:none;"></div>
</body>
.wait-overlay
{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 255, 255, 0.12);
  cursor: wait;
}

并使用脚本显示它，然后在操作完成后隐藏，或者显示并隐藏它并带有一些超时，例如 

  divObject.show();
  setTimeout(3000, function(){  divObject.hide() });
相关文章：