<HTML>
<HEAD>
<TITLE>Custom cursor sample</TITLE>
</HEAD>
<BODY><BR>
<DIV ID="oBox"  STYLE="background:#E4E4E4; padding:10px; width:450px; height:55px; border:1px solid #666666">

</DIV><SCRIPT LANGUAGE="JavaScript"> oBox.style.cursor = "url('http://bbs.etang.com/bbs//images/cur.cur')";</SCRIPT></BODY>
</HTML>

解决方案 »

  1.   

    to yeefly(Web开发版),非常感谢你,放在链接上变成花朵的效果怎么没有啊?
      

  2.   

    <HTML>
    <HEAD>
    <TITLE>Custom cursor sample</TITLE>
    <style>
    A:hover
    {
        CURSOR: url('http://bbs.etang.com/bbs/images/hover.cur');
        COLOR: #ff7328;
        TEXT-DECORATION: underline
    }
    </style>
    </HEAD>
    <BODY><BR>
    <DIV ID="oBox"  STYLE="background:#E4E4E4; padding:10px; width:450px; height:55px; border:1px solid #666666">
    <a href="aaa" >hello move on me!</a>
    </DIV><SCRIPT LANGUAGE="JavaScript"> oBox.style.cursor = "url('http://bbs.etang.com/bbs/images/cur.cur')";</SCRIPT></BODY>
    </HTML>
      

  3.   

    这儿有个好例子,虽然不是换图片,十六种鼠标样式<html><head>
    <title>鼠标样式演示</title>
    </head><body><table border="1" width="100%" bordercolor="#000000" cellspacing="0" cellpadding="0" height="73">
      <tr>
        <td style="cursor:auto" width="25%" align="center" >auto</td>
        <td style="cursor:crosshair" width="25%" align="center">crosshair</td>
        <td style="cursor:default" width="25%" align="center" >default</td>
        <td style="cursor:hand" width="25%" align="center" >hand</td>
      </tr>
      <tr>
        <td style="cursor:move" width="25%" align="center" >move</td>
        <td style="cursor:e-resize" width="25%" align="center" >e-resize</td>
        <td style="cursor:ne-resize" width="25%" align="center">ne-resize</td>
        <td style="cursor:nw-resize" width="25%" align="center">nw-resize</td>
      </tr>
      <tr>
        <td style="cursor:n-resize" width="25%" align="center">n-resize</td>
        <td style="cursor:se-resize" width="25%" align="center">se-resize</td>
        <td style="cursor:sw-resize" width="25%" align="center" >sw-resize</td>
        <td style="cursor:s-resize" width="25%" align="center">s-resize</td>
      </tr>
      <tr>
        <td style="cursor:w-resize" width="25%" align="center">w-resize</td>
        <td style="cursor:text" width="25%" align="center">text</td>
        <td style="cursor:wait" width="25%" align="center">wait</td>
        <td style="cursor:help" width="25%" align="center">help</td>
      </tr>
    </table></body></html>