| 把你的光标放到相应文字上查看效果 | 要注意光标的实际效果依赖于用户的系统设置,与你在这里看到的效果并不一定一致。 | ||
| cursor: crosshair; |
| 十字准心 | The cursor render as a crosshair |
| cursor: pointer; |
| 手 | The cursor render as a pointer (a hand) that indicates a link |
| cursor: wait; |
| 等待/沙漏 | The cursor indicates that the program is busy (often a watch or an hourglass) |
| cursor: help; |
| 帮助 | The cursor indicates that help is available (often a question mark or a balloon) |
| cursor: no-drop; |
| 无法释放 | cursor: no-drop; |
| cursor: text; |
| 文字/编辑 | The cursor indicates text |
| cursor: move; |
| 可移动对象 | The cursor indicates something that should be moved |
| cursor: n-resize; | 向上改变大小(North) | The cursor indicates that an edge of a box is to be moved up (north) | |
| cursor: s-resize; |
| 向下改变大小(South) | The cursor indicates that an edge of a box is to be moved down (south) |
| cursor: e-resize; |
| 向右改变大小(East) | The cursor indicates that an edge of a box is to be moved right (east) |
| cursor: w-resize; | 向左改变大小(West) | The cursor indicates that an edge of a box is to be moved left (west) | |
| cursor: ne-resize; |
| 向上右改变大小(North East) | The cursor indicates that an edge of a box is to be moved up and right (north/east) |
| cursor: nw-resize; |
| 向上左改变大小(North West) | The cursor indicates that an edge of a box is to be moved up and left (north/west) |
| cursor: se-resize; |
| 向下右改变大小(South East) | The cursor indicates that an edge of a box is to be moved down and right (south/east) |
| cursor: sw-resize; |
| 向下左改变大小(South West) | The cursor indicates that an edge of a box is to be moved down and left (south/west) |
| cursor: auto; | 自动 | The browser sets a cursor | |
| cursor:not-allowed; |
| 禁止 | cursor:not-allowed; |
| cursor: progress; |
| 处理中 | cursor: progress; |
| cursor: default; |
| 系统默认 | The default cursor (often an arrow) |
| cursor: url(' # '); |
| 用户自定义(可用动画) | The url of a custom cursor to be used. Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used |
转载至:http://xns1124.blog.163.com/blog/static/4221283920080294447826/
本文详细介绍了网页开发中游标的类型、作用及其在不同场景下的应用,包括十字准心、手、等待/沙漏、帮助等常见类型,以及自定义游标的功能和注意事项。此外,文章还提供了游标在不同技术领域的实例,如前端、后端、移动开发等,以加深读者对游标在实际开发中的理解与运用。
1804

被折叠的 条评论
为什么被折叠?



