以下是光标所能实现的不同形状,你把鼠标移上去看看它的不同效果。</p>
      <table bgColor="#ffcccc" border="0" cellPadding="5" cellSpacing="0" width="100%">
        <tbody>
          <tr class="line">
            <td>
              <div style="CURSOR: auto">
                <font color="#990066">auto   </font>
              </div>
              <div style="CURSOR: crosshair">
                <font color="#990066">crosshair   </font>
              </div>
              <div style="CURSOR: default">
                <font color="#990066">default   </font>
              </div>
              <div style="CURSOR: hand">
                <font color="#990066">hand   </font>
              </div>
              <div style="CURSOR: help">
              <font color="#990066">help   </font>
              </div>
              <div style="CURSOR: move">
                <font color="#990066">move   </font>
              </div>
              <div style="CURSOR: e-resize">
                <font color="#990066">e-resize   </font>
              </div>
              <div style="CURSOR: ne-resize">
                <font color="#990066">ne-resize   </font>
              </div>
            </td>
            <td>
              <div style="CURSOR: nw-resize">
                <font color="#990066">nw-resize   <br>
                </font>
              </div>
              <div style="CURSOR: n-resize">
                <font color="#990066">n-resize   <br>
                </font>
              </div>
              <div style="CURSOR: s-resize">
                <font color="#990066">s-resize   <br>
                </font>
              </div>
              <div style="CURSOR: sw-resize">
                <font color="#990066">sw-resize   <br>
                </font>
              </div>
              <div style="CURSOR: se-resize">
                <font color="#990066">se-resize   <br>
                </font>
              </div>
              <div style="CURSOR: w-resize">
                <font color="#990066">w-resize   </font>
              </div>
              <div style="CURSOR: text">
                <font color="#990066">text   </font>
              </div>
              <div style="CURSOR: wait">
                <font color="#990066">wait   </font>
              </div>
            </td>
          </tr>
        </tbody>

解决方案 »

  1.   

    try
    <img src="a.gif" onreadystatechange = "this.style.cursor = 'default';">
      

  2.   

    cursor:xxx我会用我一个  div A是 cursor:hand,另一个B也是cursor:hand        B在A之上移动到A和B有不同的图片效果出现,就在 A移动到B的时候鼠标总会变那么一下
      

  3.   

    http://www.cy00.com/web/Jorger/cursor/cursor.html
      

  4.   

    方法就是先预载那两个要用到的图片,以后就不会了。
    预载的脚本DW可以自动生成,也可以手写一个简单的,类似:
        var img1=new Image()
        img1.src="images/1.jpg"
        var img2=new Image()
        img1.src="images/2.jpg"