改变鼠标指针样式的方法【项目优化——cursor】

简介: 改变鼠标指针样式的方法【项目优化——cursor】

以下是收集并整理了的,目前已发布的所有鼠标指针的样式属性:

auto          浏览器根据元素类型,自动调整鼠标指针
default         默认指针,通常是箭头
none          无指针被渲染
context-menu        指针下有可用内容目录
help          指示帮助
pointer         悬浮于连接上时,通常为手
progress        程序后台繁忙,用户不忙 (与wait 相反)
wait          程序繁忙,用户忙着嘞 (与progress 相反)图标一般为沙漏或者表
cell          指示单元格可被选中
crosshair         交叉指针,通常指示位图中的框选
text          指示文字可被选中
vertical-text       指示垂直文字可被选中
alias           复制或快捷方式将要被创建
copy          指示可复制
move          被悬浮的物体可被移动
no-drop         当前位置不能扔下
not-allowed       不能执行
grab          指示可抓取
grabbing        指示抓取中
all-scroll        元素可任意方向滚动
col-resize        元素可被重设宽度,通常被渲染为中间有一条竖线分割的左右两个箭头
row-resize        元素可被重设高度,通常被渲染为中间有一条横线分割的上下两个箭头
n-resize        指示上边将被移动
e-resize        指示右边将被移动
s-resize        指示下边将被移动
w-resize        指示左边将被移动
ne-resize         指示右上角将被移动
nw-resize         指示左上角将被移动
se-resize         指示右下角将被移动
sw-resize         指示左下角将被移动
ew-resize         指示左右重新设置大小
ns-resize         指示上下重新设置大小
nesw-resize       指示一三象限重新设置大小
nwse-resize       指示二四象限重新设置大小
zoom-in         指示可被放大
zoom-out        指示可被缩小

在进行项目优化时,有很多类型不一样的内容。


为了符合用户体验,当光标指到此处,需要相应的鼠标指针进行一个样式的同步变化。


上面是鼠标指针样式属性的所有属性值。但依然有局限性,总不能把这些代码全部记住吧,成本太高了。


所有我一般会使用cursor:auto;这个属性,表示自适应,这个比较友好。


但如果遇到特殊情景,需要用到特殊的鼠标指针,更好,更完美的表达。cursor: url();这将是一个不错的选择。url()里填写插件地址,利用比较优秀的插件的可以获得多种多样的指针样式。这里推荐使用YoloMouse等比较知名的插件。


相关文章
|
6月前
|
存储 Java C++
C++ 引用和指针:内存地址、创建方法及应用解析
C++中的引用是现有变量的别名,创建时需用`&`运算符,如`string &meal = food;`。指针存储变量的内存地址,使用`*`创建,如`string* ptr = &food;`。引用必须初始化且不可为空,而指针可初始化为空。引用在函数参数传递和提高效率时有用,指针适用于动态内存分配和复杂数据结构操作。选择使用取决于具体需求。
90 9
|
6月前
|
JavaScript 前端开发 开发者
改变this指针的三个方法?
改变this指针的三个方法?
37 0
|
算法 C语言
使用指针来优化C语言程序性能
在C语言中,指针是一种强大且重要的概念。合理地使用指针可以提高程序的性能,减少内存的开销,并使代码更加简洁和易于维护。本文将介绍一些使用指针来优化C语言程序性能的技术。
253 0
|
存储 搜索推荐 Serverless
用指针和动态内存分配的方法输入10,2,30, 4,5,按输入顺序逆置排序,输出排序后的元素,即输出5,4,30,2,10
用指针和动态内存分配的方法输入10,2,30, 4,5,按输入顺序逆置排序,输出排序后的元素,即输出5,4,30,2,10
48 0
|
4月前
超好看的鼠标指针 折纸Gami
折纸风格的鼠标指针、共九种颜色风格:白、橙、粉、红、黄、蓝、绿、青、紫;三种尺寸:X32、X48、X64;一般情况下100%DPI推荐使用X48、大于125%DPI推荐使用X64版本!
77 6
java.lang.NullPointerExceptionMybatisPlus出现,测试,java.lang.NullPointe,空指针异常,public方法少写了一个字段,没加注解
java.lang.NullPointerExceptionMybatisPlus出现,测试,java.lang.NullPointe,空指针异常,public方法少写了一个字段,没加注解
|
5月前
|
C++ 存储 Java
C++ 引用和指针:内存地址、创建方法及应用解析
'markdown'C++ 中的引用是现有变量的别名,用 `&` 创建。例如:`string &meal = food;`。指针通过 `&` 获取变量内存地址,用 `*` 创建。指针变量存储地址,如 `string *ptr = &food;`。引用不可为空且不可变,指针可为空且可变,适用于动态内存和复杂数据结构。两者在函数参数传递和效率提升方面各有优势。 ```
|
6月前
|
C语言 C++
详解C指针+小型计算器项目
详解C指针+小型计算器项目
53 5
|
6月前
|
Java
Java String 避免空指针的方法
Java String 避免空指针的方法
49 0
|
C语言
C语言之字符串的连接使用指针和调用函数两种方法
C语言之字符串的连接使用指针和调用函数两种方法
257 0