Javascript的鼠标样式技术文章

最新推荐文章于 2023-12-29 19:07:55 发布

原创最新推荐文章于 2023-12-29 19:07:55 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #url

本文详细介绍并展示了多种网页中可用的鼠标样式，包括标准样式如手形、十字等，以及更复杂的调整大小、拖动等样式。同时介绍了如何通过CSS设置这些鼠标样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

手形　
十字　
文本光标　
等待　
默认　
问号　
左右箭头　
上下箭头　
系统自动给出效果
<a href="http://" style="cursor: auto;">auto</a> 
<a href="http://" style="cursor: crosshair">crosshair</a> 
<a href="http://" style="cursor: default">default</a> 
<a href="http://" style="cursor: hand">hand</a> 
<a href="http://" style="cursor: move">move</a> 
<a href="http://" style="cursor: e-resize">e-resize</a> 
<a href="http://" style="cursor: ne-resize">ne-resize</a> 
<a href="http://" style="cursor: nw-resize">nw-resize</a> 
<a href="http://" style="cursor: n-resize">n-resize</a> 
<a href="http://" style="cursor: se-resize">se-resize</a> 
<a href="http://" style="cursor: sw-resize">sw-resize</a> 
<a href="http://" style="cursor: s-resize">s-resize</a> 
<a href="http://" style="cursor: w-resize">w-resize</a> 
<a href="http://" style="cursor: text">text</a> 
<a href="http://" style="cursor: wait">wait</a> 
<a href="http://" style="cursor: help">help</a> 
IE6支持的 
<a href="http://" style="cursor: pointer">pointer</a> 
<a href="http://" style="cursor: progress">progress</a> 
<a href="http://" style="cursor: not-allowed">not-allowed</a> 
<a href="http://" style="cursor: no-drop">no-drop</a> 
<a href="http://" style="cursor: vertical-text">vertical-text</a> 
<a href="http://" style="cursor: all-scroll">all-scroll</a> 
<a href="http://" style="cursor:col-resize">col-resize</a> 
<a href="http://" style="cursor: row-resize">row-resize</a> 
<a href="http://" style="cursor: url(*.cur)">自定义鼠标指针（请替换成相应的文件）：*.cur</a> 
<a href="http://" style="cursor: url(*.ani)">自定义鼠标指针（请替换成相应的文件）：*.ani</a>

=====================================================
Javascript的鼠标样式技术文章 2007-07-10 20:09:07 阅读7 评论0 字号：大中小
手形　
十字　
文本光标　
等待　
默认　
问号　
左右箭头　
上下箭头　
系统自动给出效果
<a href="http://" style="cursor: auto;">auto</a> 
<a href="http://" style="cursor: crosshair">crosshair</a> 
<a href="http://" style="cursor: default">default</a> 
<a href="http://" style="cursor: hand">hand</a> 
<a href="http://" style="cursor: move">move</a> 
<a href="http://" style="cursor: e-resize">e-resize</a> 
<a href="http://" style="cursor: ne-resize">ne-resize</a> 
<a href="http://" style="cursor: nw-resize">nw-resize</a> 
<a href="http://" style="cursor: n-resize">n-resize</a> 
<a href="http://" style="cursor: se-resize">se-resize</a> 
<a href="http://" style="cursor: sw-resize">sw-resize</a> 
<a href="http://" style="cursor: s-resize">s-resize</a> 
<a href="http://" style="cursor: w-resize">w-resize</a> 
<a href="http://" style="cursor: text">text</a> 
<a href="http://" style="cursor: wait">wait</a> 
<a href="http://" style="cursor: help">help</a> 
IE6支持的 
<a href="http://" style="cursor: pointer">pointer</a> 
<a href="http://" style="cursor: progress">progress</a> 
<a href="http://" style="cursor: not-allowed">not-allowed</a> 
<a href="http://" style="cursor: no-drop">no-drop</a> 
<a href="http://" style="cursor: vertical-text">vertical-text</a> 
<a href="http://" style="cursor: all-scroll">all-scroll</a> 
<a href="http://" style="cursor:col-resize">col-resize</a> 
<a href="http://" style="cursor: row-resize">row-resize</a> 
<a href="http://" style="cursor: url(*.cur)">自定义鼠标指针（请替换成相应的文件）：*.cur</a> 
<a href="http://" style="cursor: url(*.ani)">自定义鼠标指针（请替换成相应的文件）：*.ani</a>