html中鼠标如何设置显示小手状?

2025-04-09 13:39:40
推荐回答(4个)
回答1:

材料/工具:css

1、打开前端开发软件,新建一个html代码页面

2、在新建的html代码页面上找到,在这个标签里创建一个标签,a案例中使用的是

代码:

大家好,鼠标放到我身上就可看到效果

3、为新家添加鼠标指针为手指样式。在html代码页面中找到,在这个后面创建一个<style>,然后在<style>中新建一个样式类,最后为这个样式类添加鼠标指针样式。</p> <p>代码:</p> <p><style type="text/css"></p> <p>.pointer{</p> <p>cursor: pointer;</p> <p>}</p> <p></style></p> <p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2F32fa828ba61ea8d39f8d0358990a304e251f583a%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/32fa828ba61ea8d39f8d0358990a304e251f583a"></p> <p>4、把鼠标指针样式添加到<a>标签上。</p> <p>添加后的代码:</p> <p><a href="" class="pointer"></p> <p>大家好,鼠标放到我身上就可看到效果</p> <p></a></p> <p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2F3b292df5e0fe9925f58d1e0c3aa85edf8cb171ec%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/3b292df5e0fe9925f58d1e0c3aa85edf8cb171ec"></p> <p>5、保存html代码后使用浏览器打开,当鼠标滑过<a>上的文字后即可看到鼠标变为了指针状态。可以直接复制以下代码到新建的html文件上,粘贴保存后使用浏览器打开即可看到效果。</p> <p>所有代码:</p> <p><!DOCTYPE html></p> <p><html></p> <p><head></p> <p><meta charset="utf-8" /></p> <p><title>css设置鼠标指针

大家好,鼠标放到我身上就可看到效果

回答3:

  1. window.onload=function(){document.getElementsByTagName("body").item(0).style.cursor="pointer"};
  2. 如果无效则body不够大,换成:window.onload=function(){document.getElementsByTagName("*").item(0).style.cursor="pointer"},最好由CSS解决。

html超链接取消鼠标点指显示小手

aaa  
default 默认光标 
auto 默认浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针(一只手)
move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右(东)移动。
ne-resize 此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize 此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize此光标指示矩形框的边缘可被向上(北)移动。
se-resize 此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize 此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize此光标指示矩形框的边缘可被向下移动(北/西)。
w-resize此光标指示矩形框的边缘可被向左移动(西)。
text此光标指示文本。
wait此光标指示程序正忙(通常是一只表或沙漏)。
help此光标指示可用的帮助(通常是一个问号或一个气球)。

回答4:

要设置鼠标指针放在一个元素边界范围内时所用的光标形状,需要对元素的css属性cursor进行设置。cursor属性可能的值

具体操作方法如下:

1、default    默认光标(通常是一个箭头)

2、auto    默认浏览器设置的光标。 

3、crosshair    光标呈现为十字线。    

4、pointer    光标呈现为指示链接的指针(一只手)    

5、move    此光标指示某对象可被移动。    

6、e-resize    此光标指示矩形框的边缘可被向右(东)移动。    

7、ne-resize    此光标指示矩形框的边缘可被向上及向右移动(北/东)。    

8、nw-resize    此光标指示矩形框的边缘可被向上及向左移动(北/西)。    

9、n-resize    此光标指示矩形框的边缘可被向上(北)移动。    

10、se-resize    此光标指示矩形框的边缘可被向下及向右移动(南/东)。    

11、sw-resize    此光标指示矩形框的边缘可被向下及向左移动(南/西)。  

12、s-resize    此光标指示矩形框的边缘可被向下移动(南)。    

13、w-resize    此光标指示矩形框的边缘可被向左移动(西)。    

14、text    此光标指示文本。    

15、wait    此光标指示程序正忙(通常是一只表或沙漏)。    

16、help    此光标指示可用的帮助(通常是一个问号或一个气球)。    

要实现鼠标移上去显示手形、需要在你的提交按钮上增加css cursor属性,并将它的值设置为pointer