html鼠标指针变化控制

来源：互联网发布：剑桥知乎编辑：程序博客网时间：2024/05/17 07:29
<body><p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p><span style="cursor:auto">Auto</span><br /><span style="cursor:crosshair">  Crosshair</span><br />  <!--十字--><span style="cursor:default">Default</span><br />  <!--不变--><span style="cursor:pointer">Pointer</span><br />                      <!--小手--><span style="cursor:move">Move</span><br />  <!--移动的箭头--><span style="cursor:e-resize">e-resize</span><br />  <!--左右拉长箭头--><span style="cursor:ne-resize">ne-resize</span><br />  <!--右上左下拉长箭头--><span style="cursor:nw-resize">nw-resize</span><br />  <!--左上右下拉长箭头--><span style="cursor:n-resize">n-resize</span><br />  <!--上下拉长箭头--><span style="cursor:se-resize">se-resize</span><br />  <span style="cursor:sw-resize">sw-resize</span><br />  <span style="cursor:s-resize">s-resize</span><br />  <span style="cursor:w-resize">w-resize</span><br />  <span style="cursor:text">text</span><br />  <span style="cursor:wait">wait</span><br />  <!--变成加载箭头--><span style="cursor:help">help</span>   <!--变成小问号--></body>
0 0