以下是光标所能实现的不同形状,你把鼠标移上去看看它的不同效果。</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>
<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>
<img src="a.gif" onreadystatechange = "this.style.cursor = 'default';">
预载的脚本DW可以自动生成,也可以手写一个简单的,类似:
var img1=new Image()
img1.src="images/1.jpg"
var img2=new Image()
img1.src="images/2.jpg"