鼠标样式的应用&JS控制

    技术2022-05-18  14

    1. <html>    2. <body>    3.     <span style="cursor: hand">hand:是大家所熟悉的手型。</span><br>

                   #Tree { cursor:pointer;  //手型 }

       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>

    -------------------------------

     

    JS中是这样定义的

         <script type="text/javascript">         function pageonload(){             alert('开始改变当前窗口中的鼠标样式');             window.document.body.style.cursor='wait';         }      </script>

    类似这样就可以了


    最新回复(0)