网页特效一“码”当先

Author: 硅途工作室 Date: 2001年 8期

    各种各样的鼠标会让你的主页增色不少!下面做个示范:
      在<head>...</head>之间加入:
      <table width="53%" border="0">
      <tr>
      <td width="51%" height="25">
      <div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><b><a href="cursor.htm" style="cursor:hand">style="cursor:hand"</a></b></font></div>
      </td>
      <td width="49%" valign="top" height="25">
      <div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><b><a href="cursor.htm" style="cursor:crosshair">style="cursor:crosshair"
  </a></b></font></div>
      </td>
      </tr>
      <tr>
      <td width="51%" height="29" valign="top">
      <div align="left"><font face="Arial, Helvetica,sans-serif" size="2"><b><a href="cursor.htm" style="cursor:text">style="cursor:text"</a></b></font></div>
      </td>
      <td width="49%" valign="top" height="29">
      <div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><b><a href="cursor.htm" style="cursor:wait">style="cursor:wait"</a></b></font></div>
      </td>
      </tr>
      <tr>
      <td width="51%" height="29" valign="top">
      <div align="left"><font face="Arial, Helvetica,sans-serif"  size="2"><b><a href="cursor.htm" style="cursor:move">style="cursor:move"</a></b></font></div>
      </td>
      <td width="49%" valign="top" height="29">
      <div align="left"><font face="Arial, Helvetica, sans-serif"  size="2"><b><a href="cursor.htm" style="cursor:help">style="cursor:help"</a></b></font></div>
      </td>
      </tr>
      <tr>
      <td width="51%" height="29" valign="top">
      <div align="left"><font face="Arial, Helvetica,sans-serif" size="2"><b><a href="cursor.htm" style="cursor:e-resize">style="cursor:e-resize"</a></b></font></div>
      </td>
      <td width="49%" valign="top" height="29">
      <div align="left"><font face="Arial, Helvetica,sans-serif" size="2"><b><a href="cursor.htm" style="cursor:n-resize">style="cursor:n-resize"</a></b></font></div>
      </td>
      </tr>
      <tr>
      <td width="51%" height="29" valign="top">
      <div align="left"><font face="Arial, Helvetica,sans-serif" size="2"><b><a href="cursor.htm" style="cursor:nw-resize">style="cursor:nw-resize"
  </a></b></font></div>
      </td>
      <td width="49%" valign="top" height="29">
      <div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><b><a href="cursor.htm" style="cursor:?焪-resize"">style="cursor:w-resize"</a></b></font></div>
      </td>
      </tr>
      <tr>
      <td width="51%" height="29" valign="top">
      <div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><b><a href="cursor.htm" style="cursor:s-resize">style="cursor:s-resize"</a></b></font></div>
      </td>
      <td width="49%" valign="top" height="29">
      <div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><b><a href="cursor.htm" style="cursor:se-resize">style="cursor:se-resize"
  </a></b></font></div>
      </td>
      </tr>
      <tr>
      <td width="51%" height="29" valign="top">
      <div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><b><a href="cursor.htm" style="cursor:sw-resize">style="cursor:sw-resize"
  </a></b></font></div>
      </td>
      <td width="49%" valign="top" height="29">
      <div align="left"></div>
      </td>
      </tr>
      </table>
      说明:
      style="cursor:hand" (成手形,即最普遍的)
      style="cursor:crosshair" (成一个十字架的形状,很可爱噢)
      style="cursor:text" (成Windows中文字选择的指针)
      style="cursor:wait" (成Windows中漏沙的形状)
      style="cursor:move" (Windows中移动指针的形状)
      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"