如何改变鼠标的样式

<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>
用js改变时用obj.style.cursor="**";//以上参数值即可

解决方案 »

  1.   

    <html>
    <head>
    </head><body>
    <h1>鼠标效果</h1>
    <p>把鼠标方上去看看效果</p>
    <div style="font-size:24pt;color:red;">
    <p><span style="cursor:move">移动</span><br>
    <span style="cursor:ne-resize">反方向</span><br>
    <span style="cursor:wait">等待</span><br>
    <span style="cursor:help">求助</span><br>
    <span style="cursor:crosshair">213</span><br>
    <span style="cursor:aoe1.cur">213</span><br></p>
    </div>
    <TABLE width="50%" align=center border=1>
    <TBODY>
    <TR>
    <TD class=content bgColor=#999999><B 
    class=code>hand：是大家所熟悉的手型。<BR>crosshair：是十字型，就是小乌龟首页所用的样式。<BR>text：是平时鼠标移动到文本上的样式。<BR>wait：是等待的效果。<BR>default：是默认的那种效果。<BR>help：是带问号的鼠标样式。<BR>e-resize：是向右的箭头。<BR>ne-resize：是向右上方的箭头。<BR>n-resize：是向上的箭头。<BR>nw-resize：是向左上方的箭头。<BR>w-resize：是向左的箭关。<BR>sw-resize：是向左下的箭头。<BR>s-resize：是向下的箭头。<BR>se-resize：是向右下方的箭头。<BR>auto：是系统自动的效果。</B></TD></TR></TBODY></TABLE>
    </body>/但是如果你要是想改成你自己的图片，就必须把图片转换成ani各式的
      

  2.   

    补充一点：
    <a href="http://" style="cursor: url(*.cur)">自定义鼠标指针（请替换成相应的文件）：*.cur</a><br>
    .cur格式的静态图片格式
    <a href="http://" style="cursor: url(*.ani)">自定义鼠标指针（请替换成相应的文件）：*.ani</a><br>
    .ani是动态图片格式
      

  3.   

    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" 左下箭头形 
    style="CURSOR: url('mouse.ani')" 自定义 **动画效果的是*.ani文件, 静态的是*.cur文件