// 设置鼠标指针样式为手型(通常用于可点击的元素)
document.getElementById('myElement').style.cursor = 'pointer';
// 设置鼠标指针样式为等待(通常用于加载中的元素)
document.getElementById('loadingElement').style.cursor = 'wait';
// 设置鼠标指针样式为文本选择(通常用于可选中文本的元素)
document.getElementById('textElement').style.cursor = 'text';
// 设置鼠标指针样式为默认(通常是箭头)
document.getElementById('defaultElement').style.cursor = 'default';
// 设置鼠标指针样式为自定义图片
document.getElementById('customCursorElement').style.cursor = 'url("path/to/cursor.png"), auto';
cursor
是 CSS 属性,用于设置元素上的鼠标指针样式。pointer
:手型指针,通常用于按钮或链接。wait
:等待指针,通常用于表示加载中。text
:文本选择指针,通常用于文本框或可选中文本的区域。default
:默认指针,通常是箭头。url("path/to/cursor.png"), auto
:自定义指针,可以使用图片作为指针,并在图片无效时回退到默认指针。上一篇:js 获取div宽度
下一篇:js class选择器
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站