怎样使鼠标箭头形状变成沙漏的形状？

Question

<a href="http://" style="cursor: auto;">auto</a><br/> 
<a href="http://" style="cursor: crosshair ">crosshair </a><br/> 
<a href="http://" style="cursor: default ">default </a><br/> 
<a href="http://" style="cursor: hand ">hand </a><br/> 
<a href="http://" style="cursor: move ">move </a><br/> 
<a href="http://" style="cursor: e-resize ">e-resize </a><br/> 
<a href="http://" style="cursor: ne-resize ">ne-resize </a><br/> 
<a href="http://" style="cursor: nw-resize">nw-resize</a><br/> 
<a href="http://" style="cursor: n-resize">n-resize</a><br/> 
<a href="http://" style="cursor: se-resize">se-resize</a><br/> 
<a href="http://" style="cursor: sw-resize">sw-resize</a><br/> 
<a href="http://" style="cursor: s-resize">s-resize</a><br/> 
<a href="http://" style="cursor: w-resize">w-resize</a><br/> 
<a href="http://" style="cursor: text">text</a><br/> 
<a href="http://" style="cursor: wait">wait</a><br/> 
<a href="http://" style="cursor: help">help</a><br/>
IE6支持的<br/>
<a href="http://" style="cursor: pointer">pointer</a><br/>
<a href="http://" style="cursor: progress">progress</a><br/>
<a href="http://" style="cursor: not-allowed">not-allowed</a><br/>
<a href="http://" style="cursor: no-drop">no-drop</a><br/>
<a href="http://" style="cursor: vertical-text">vertical-text</a><br/>
<a href="http://" style="cursor: all-scroll">all-scroll</a><br/>
<a href="http://" style="cursor:col-resize">col-resize</a><br/>
<a href="http://" style="cursor: row-resize">row-resize</a><br/>
<a href="http://" style="cursor: url(*.cur)">自定义鼠标指针（请替换成相应的文件）：*.cur</a><br/>
<a href="http://" style="cursor: url(*.ani)">自定义鼠标指针（请替换成相应的文件）：*.ani</a><br/>

Answer 1

在网页上，鼠标平时呈箭头形，指向链接时成为手形，等待网页下载时成为沙漏形……这似乎是约定俗成的。虽然这样的设计能使我们知道浏览器现在的状态或是可以做什么，但这些好像还不能完全地满足我们的需要。就拿链接来说，可以是指向一个帮助文件，也可以是向前进一页或是向后退一页，针对如此多的功能光靠千篇一律的手形鼠标是不能说明问题的。值得庆幸的是，CSS提供了多达13种的鼠标形状，供我们选择。基本格式如下：cursor：鼠标形状参数CSS鼠标形状参数表：CSS代码鼠标形状style="cursor:hand"手形style="cursor:crosshair"十字形style="cursor:text"文本形style="cursor:wait"沙漏形style="cursor:move"十字箭头形style="cursor:help"问号形style="cursor:e-resize"右箭头形style="cursor:n-resize"上箭头形style="cursor:nw-resize"左上箭头形style="cursor:w-resize"左箭头形style="cursor:s-resize"下箭头形style="cursor:se-resize"右下箭头形style="cursor:sw-resize"左下箭头形

Answer 2

onclick="document.body.style.cursor='wait'"

Answer 3

<DIV onclick="this.style='cursor:wait'">

Answer 4

我的想法是，当程序在作一件花时比较长的操作，比如生成一个很大的
表格，这时鼠标形状变为繁忙的样子，但是在设置document.body.style.cursor="wait"后，发现程序就一直停在这一行，不能
往下执行，这个问题很头疼。

Answer 5

执行完就document.body.style.cursor=""