博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js鼠标样式
阅读量:7195 次
发布时间:2019-06-29

本文共 1167 字,大约阅读时间需要 3 分钟。

hand:是大家所熟悉的手型。

crosshair:是十字型,就是小乌龟首页所用的样式。
text:是平时鼠标移动到文本上的样式。
wait:是等待的效果。
default:是默认的那种效果。
help:是带问号的鼠标样式。
e-resize:是向右的箭头。
ne-resize:是向右上方的箭头。
n-resize:是向上的箭头。
nw-resize:是向左上方的箭头。
w-resize:是向左的箭关。
sw-resize:是向左下的箭头。
s-resize:是向下的箭头。
se-resize:是向右下方的箭头。
auto:是系统自动的效果。

 <span style="cursor: hand">hand:是大家所熟悉的手型。</span><br>

<span style="cursor: crosshair">crosshair:是十字型,就是小乌龟首页所用的样式。</span><br>
<span style="cursor: text">text:是平时鼠标移动到文本上的样式。</span><br>
<span style="cursor: wait">wait:是等待的效果。</span><br>
<span style="cursor: default">default:是默认的那种效果。</span><br>
<span style="cursor: help">help:是带问号的鼠标样式。</span><br>
<span style="cursor: e-resize">e-resize:是向右的箭头。</span><br>
<span style="cursor: ne-resize">ne-resize:是向右上方的箭头。</span><br>
<span style="cursor: n-resize">n-resize:是向上的箭头。</span><br>
<span style="cursor: nw-resize">nw-resize:是向左上方的箭头。</span><br>
<span style="cursor: w-resize">w-resize:是向左的箭关。</span><br>
<span style="cursor: sw-resize">sw-resize:是向左下的箭头。</span><br>
<span style="cursor: s-resize">s-resize:是向下的箭头。</span><br>
<span style="cursor: se-resize">se-resize:是向右下方的箭头。</span><br>
<span style="cursor: auto">auto:是系统自动的效果。</span>
</body>

转载地址:http://rvqkm.baihongyu.com/

你可能感兴趣的文章
Codeforces Beta Round #7 B. Memory Manager 模拟题
查看>>
[转]Handler学习笔记(一)
查看>>
Linux进程笔记
查看>>
redis的主从复制配置
查看>>
[转]ActiveMQ 即时通讯服务 浅析
查看>>
Codeforces Round #368 (Div. 2) E. Garlands 二维树状数组 暴力
查看>>
好用的Markdown编辑器一览 readme.md 编辑查看
查看>>
vue2 vue-router2 webpack1
查看>>
Android4.42-Setting源代码分析之蓝牙模块Bluetooth(下)
查看>>
Linux下设置和查看环境变量(转)
查看>>
mongodb 复杂查询之 本表 join
查看>>
IOS中传值方法
查看>>
IOS学习笔记02---语言发展概述,计算机语言简介.
查看>>
创建一个带模版的用户控件 V.2
查看>>
【OpenCV】选择ROI区域 (转)
查看>>
PHP Sessions
查看>>
今年计划要看的书全部备齐
查看>>
简化OSI七层网络协议
查看>>
C# Exif code,metadata extraction in java读取照片文件的属性
查看>>
将一个表中的数据插入到另外的新表中
查看>>