鼠标样式的应用&JS控制

最新推荐文章于 2024-02-01 10:12:36 发布

一直学习

最新推荐文章于 2024-02-01 10:12:36 发布

阅读量2.3k

点赞数

分类专栏： CSS javascript 文章标签： html

javascript 同时被 2 个专栏收录

34 篇文章 0 订阅

订阅专栏

CSS

6 篇文章 0 订阅

订阅专栏

1. <html>
2. <body>
3. hand:是大家所熟悉的手型。

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

4. crosshair:是十字型，就是小乌龟首页所用的样式。 
 5. text:是平时鼠标移动到文本上的样式。 
 6. wait:是等待的效果。 
 7. default:是默认的那种效果。 
 8. help:是带问号的鼠标样式。 
 9. e-resize:是向右的箭头。 
10. ne-resize:是向右上方的箭头。 
11. n-resize:是向上的箭头。 
12. nw-resize:是向左上方的箭头。 
13. w-resize:是向左的箭关。 
14. sw-resize:是向左下的箭头。 
15. s-resize:是向下的箭头。 
16. se-resize:是向右下方的箭头。 
17. auto:是系统自动的效果。
18. </body>
19. </html>

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

JS中是这样定义的

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

类似这样就可以了

一直学习

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
鼠标样式的应用&JS控制

1. 2. 3. hand:是大家所熟悉的手型。 #Tree { cursor:pointer; //手型 } 4. crosshair:是十字型，就是小乌龟首页所用的样式。 5. text:是平时鼠标移动到文本上的样式。 6. wait:是等待的效果。 7. defa
复制链接

扫一扫

专栏目录