改变光标形状的多种方式

简介: 改变光标形状的多种方式

一,用css的方式进行添加属性:

#div{
    cursor:pointer;
}

二,使用js的方式改变光标的状态:

1 // 使用在元素的标签上的事件
2 // 第一种方式
3 onmouseover="this.style.cursor='mouseHand'"
4 
5 // 第二种方式
6 onmouseover="this.ClassName=‘mouseHand’“

三,corsor常用属性如下:

1 default                 :标准箭头光标 
 2 pointer, hand           :手形光标  
 3 auto                    :标准光标  
 4 all-scroll              :三角方向光标  
 5 move                    :移动光标  
 6 crosshair               :十字光标 
 7 wait                    :0等待光标  
 8 text                    :I字母形光标  
 9 vertical-text           :水平I形光标  
10 no-drop                 :不可拖动光标  
11 not-allowed             :无效光标  
12 help                    :帮助光标

想用哪个光标形状直接改变cursor后面的属性即可

相关文章
|
3月前
|
前端开发 容器
改变文本颜色
【10月更文挑战第18天】
31 8
|
8月前
|
C#
LabVIEW中如何实现任意形状的不规则按键
LabVIEW中如何实现任意形状的不规则按键
81 0
|
编解码 前端开发 PHP
悬浮坐标解决方案:如何在图片获取xy鼠标位置和增加标注信息
悬浮坐标解决方案:如何在图片获取xy鼠标位置和增加标注信息
182 0
|
C#
C#-改变表格行颜色
C#改变表格行颜色
321 0
布局之悬浮显示更多文本并增加箭头指示效果
布局之悬浮显示更多文本并增加箭头指示效果
140 0
布局之悬浮显示更多文本并增加箭头指示效果
利用键盘左右键使图像左右移动,上下键使图像的两个纹理可见度比例上下调整
利用键盘左右键使图像左右移动,上下键使图像的两个纹理可见度比例上下调整
改变DBGRID的选中行的颜色
默认DBGRID选中行的颜色为深蓝色,可以在程序中改变 在DBGRID的OnDrawColumnCell中写入 if (State=[gdSelectd..gdFocused,gdCurrent]) then begin    Grid.
899 0
|
JavaScript 前端开发
实现 input无内容是缩小居中显示,有内容,有焦点时变长显示
前两天做了一个搜索中间页,有个 input 的效果挺有意思,准备分享一下。
186 0
实现 input无内容是缩小居中显示,有内容,有焦点时变长显示
|
JavaScript 前端开发
jquery设置cursor的属性改变光标的类型(形状)
jquery设置cursor的属性改变光标的类型(形状)