JS鼠标样式

来源:互联网 发布:人工智能世界排名 编辑:程序博客网 时间:2024/05/21 09:46
  1. <html>  
  2. <body>  
  3.     <span style="cursor: hand">hand:是大家所熟悉的手型。</span><br>  
  4.     <span style="cursor: crosshair">crosshair:是十字型,就是小乌龟首页所用的样式。</span><br>  
  5.     <span style="cursor: text">text:是平时鼠标移动到文本上的样式。</span><br>  
  6.     <span style="cursor: wait">wait:是等待的效果。</span><br>  
  7.     <span style="cursor: default">default:是默认的那种效果。</span><br>  
  8.     <span style="cursor: help">help:是带问号的鼠标样式。</span><br>  
  9.     <span style="cursor: e-resize">e-resize:是向右的箭头。</span><br>  
  10.     <span style="cursor: ne-resize">ne-resize:是向右上方的箭头。</span><br>  
  11.     <span style="cursor: n-resize">n-resize:是向上的箭头。</span><br>  
  12.     <span style="cursor: nw-resize">nw-resize:是向左上方的箭头。</span><br>  
  13.     <span style="cursor: w-resize">w-resize:是向左的箭关。</span><br>  
  14.     <span style="cursor: sw-resize">sw-resize:是向左下的箭头。</span><br>  
  15.     <span style="cursor: s-resize">s-resize:是向下的箭头。</span><br>  
  16.     <span style="cursor: se-resize">se-resize:是向右下方的箭头。</span><br>  
  17.     <span style="cursor: auto">auto:是系统自动的效果。</span>  
  18. </body>  
  19. </html>  
原创粉丝点击