javascript - 加载页面时更改光标

Question

所以我想做的是将光标更改为在加载某些页面时等待。

我认为这可以通过 css 实现，我试图在有人点击某个链接时实现这一点，所以我所拥有的是:

#something a:hover { cursor: hand; }
#something a:active { cursor: wait; }

但这不起作用，悬停链接时是一只手，等待一秒钟，但我希望这种等待一直持续到新页面出现。

所以我的问题是:这是错误的吗？实现我想要的？
还是我必须使用 javascript？

Answer 1

方法是这样的:

在第一页(点击链接后立即显示):

<a href="http://www.example.com/Page2.html" onclick="document.body.style.cursor='wait'; return true;">

---

在第二页(显示直到新页面完成加载):

<script type="text/javascript">
    // Set the cursor ASAP to "Wait"
    document.body.style.cursor='wait';

    // When the window has finished loading, set it back to default...
    window.onload=function(){document.body.style.cursor='default';}
</script>

请注意，页面是按顺序加载的，因此 cursor='wait' 行越靠近第二页的顶部，在新页面上显示光标的延迟就越少.