因此,我想做的是更改游标以在加载某些页面时等待。
我以为CSS可以做到这一点,当有人单击某个链接时,我试图实现这一点,所以我拥有的是:
#something a:hover { cursor: hand; }
#something a:active { cursor: wait; }
但这是行不通的,它是悬停链接时的帮助,是一秒钟的等待,但是我希望这种等待能够继续直到出现新页面。
所以我的问题是:
错了吗实现我想要的?
还是我必须使用JavaScript?
最佳答案
这样做的方式是这样的:
在第一页上(单击链接后立即显示):
<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'
行越靠近第二页的顶部,在新页面上显示光标的延迟就越小。关于javascript - 加载页面时更改光标,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3734559/