加载页面时改变光标

所以我想要做的是改变光标等待一些页面加载。加载页面时改变光标

我认为这是可能的CSS，我试图做到这一点，当有人点击一些链接，所以我有什么是这样的：

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

但是，这并不工作，这是一个手时，悬停链接，等待的时间是等待，但我希望这个等待，直到新页面出现。

所以我的问题是：这是错的？为了达到我想要的？
还是必须使用javascript？

来源

2010-09-17 pavid

'光标：指针;' - 老IE“手”是不是X-浏览器，然后消失在IE9。 – scunliffe 2010-09-17 10:41:56

要做到这一点是这样的方式，而不是使用浏览器嗅探可以使用类名进行更改光标在第一页（尽快链接被点击显示）：

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

在第二页（显示直到新页面加载完成后）：

<script type="text/javsacript"> 
    //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>

来源

2010-09-17 10:38:21 Basic

我也尝试过这样的事情，但没有奏效。当然，我犯了一些错误，我想应用到元素。如何在html内部的链接中应用这个？ – pavid 2010-09-17 10:46:34

好的，现在我明白了 - 您有两个步骤 - 1）在链接onclick（）事件中，您需要将光标设置为等待文档正文。 2）在NEW页面上，您需要将光标设置为等待页面完成加载（如上面的答案中所述）。无论你做什么，当你无法控制光标时，旧页面卸载和新页面加载之间会有一段时间... – Basic 2010-09-17 11:54:50

这就是我的问题！它没有把任何东西放在新的页面上，尽管它是完全合理的！其实我并没有真正理解，但是这是有道理的。非常感谢！ :) – pavid 2010-09-17 12:20:25

相对于CSS选择器cursor属性的含义是，当鼠标在一个元素上选择匹配然后使用光标。因此，要改变光标您需要做的是这样整个文档：

html { 
    cursor: wait; 
}

显然，这将永远改变光标（或直到用户关闭页面，以先到者为准）。要做到这一点动态，你需要使用JavaScript：

document.body.style.cursor = 'wait';

注意cursor:hand只支持IE，只需要IE 5.正确的游标名是pointer。当然，如果你需要支持IE 5，你需要使用cursor:hand。

CSS：

.handCursor { 
    cursor: pointer; 
    cursor: hand; 
}

JS：

：

document.body.className = 'handCursor';

来源

2010-09-17 10:37:26 slebetman

我也尝试过这样的事情，但没有奏效。当然，我犯了一些错误，我猜是把它应用到元素中。我应该如何在html内部的链接中应用它？ – pavid 2010-09-17 10:45:19

为“回答”说，你可以使用CSS光标连接到html元素，这将覆盖整个页面。

但是，你需要给听众页面添加到每一个锚有一个onclick，它调用设置HTML或body元素上的光标的功能。当页面重新加载光标将返回到默认再次作为trhe的JavaScript会一直刷新

var anchors = document.getElementsByTagName("a"); 
for(var i=0,len=anchors.length;i<len;i++) 
{ 

anchors[i].onclick = function() 
{ 

document.body.style.cursor = "wait"; 

}; 

}

来源

2010-09-17 10:42:08 Alex

以及我不知道为什么，但我无法使这些示例中的任何一个工作 – pavid 2010-09-17 10:56:53

您是否有示例页面，我们可以看看？ – Alex 2010-09-17 10:58:39

嗯，我试过你的例子。然后在html模板中，我有一个表格，里面有我有链接：lala和你的例子。在css中当a：hover时，光标就是指针。剩下的就是用你的例子..Perhabs是愚蠢的，Javascript对我来说仍然很奇怪：P – pavid 2010-09-17 11:04:45

加载页面时改变光标

回答

相关问题