css 鼠标提示样式预览表[转]
| auto | : | 默认值。浏览器根据当前情况自动确定鼠标光标类型。 | |
| all-scroll | : | IE6.0 | 有上下左右四个箭头,中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。 |
| col-resize | : | IE6.0 | 有左右两个箭头,中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。 |
| crosshair | : | 简单的十字线光标。 | |
| default | : | 客户端平台的默认光标。通常是一个箭头。 | |
| hand | : | 竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。 | |
| move | : | 十字箭头光标。用于标示对象可被移动。 | |
| help | : | 带有问号标记的箭头。用于标示有帮助信息存在。 | |
| no-drop | : | IE6.0 | 带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下。 |
| not-allowed | : | IE6.0 | 禁止标记(一个被斜线贯穿的圆圈)光标。用于标示请求的操作不允许被执行。 |
| pointer | : | IE6.0 | 和 hand 一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。 |
| progress | : | IE6.0 | 带有沙漏标记的箭头光标。用于标示一个进程正在后台运行。 |
| row-resize | : | IE6.0 | 有上下两个箭头,中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。 |
| text | : | 用于标示可编辑的水平文本的光标。通常是大写字母 I 的形状。 | |
| vertical-text | : | IE6.0 | 用于标示可编辑的垂直文本的光标。通常是大写字母 I 旋转90度的形状。 |
| wait | : | 用于标示程序忙用户需要等待的光标。通常是沙漏或手表的形状。 | |
| *-resize | : | 用于标示对象可被改变尺寸方向的箭头光标。w-resize | s-resize | n-resize | e-resize | ne-resize | sw-resize | se-resize | nw-resize | |
| url ( url) | : | IE6.0 | 用户自定义光标。使用绝对或相对 url 地址指定光标文件(后缀为 .cur 或者 .ani )。 |
此属性的值可以是多个,其间用逗号分隔。假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示,则第二个值将被尝试使用。依此类推。假如全部值都不可用的话,则此属性不会发生作用。光标不会被改变。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 cursor 。
a { cursor: pointer; }
body { cursor: url("mycursor.gif"), url("images/cursors/footcursor.jpg"), default; }
|
把你的光标放到相应文字上鼠标显示效果 |
注意光标的实际效果依赖于用户的系统设置,与你在这里看到的效果不一定完全一致。 |
||
|
cursor: auto; |
|
自动 |
The browser sets a cursor 浏览器设置一个游标 |
|
cursor:all-scroll; |
上下左右任何方向滚动 |
IE6.0有上下左右四个箭头,中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。 |
|
|
cursor: crosshair; |
|
十字准心 |
The cursor render as a crosshair 游标表现为十字准线 |
|
cursor: pointer; cursor: hand; 写两个是为了照顾IE5,它只认hand。 |
|
手 |
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:vertical-text |
可编辑的垂直文本的光标 |
IE6.0用于标示可编辑的垂直文本的光标。通常是大写字母 I 旋转90度的形状。 |
|
|
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) box边缘可向右(东)边移动 |
|
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) 游标暗示box的边缘可向右上方移动(东北方向) |
|
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:col-resize; |
项目可被水平改变尺寸 |
IE6.0有左右两个箭头,中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。 |
|
|
cursor:row-resize; |
项目可被垂直改变尺寸 |
IE6.0有上下两个箭头,中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。 |
|
|
cursor:not-allowed; |
|
禁止 |
cursor:not-allowed; |
|
cursor: progress; |
|
处理中 |
cursor: progress; |
|
cursor: default; |
|
系统默认 |
The default cursor (often an arrow) 默认的游标状态(通常为一个箭头) |
|
cursor: url(' # '); # = 光标文件地址 (注意文件格式必须为:.cur 或 .ani)。 |
|
用户自定义(可用动画) |
The url of a custom cursor to be used. 自定义游标的url位置 Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used 注意:在定义完自定义的游标之后在末尾加上一般性的游标,以防那些url所定义的游标不能使用 |
但要说明一点:cursor: hand不符合标准,所以如果希望是手型的话还是用cursor: pointer比较好。
原文地址:http://www.ddhbb.com/post/775.html
css 鼠标提示样式预览表[转]的更多相关文章
- 基于9款CSS3鼠标悬停相册预览特效
基于9款CSS3鼠标悬停相册预览特效里面包含九款不同方式的相册展开特效代码.效果图如下: 在线预览 源码下载 实现的代码. html代码: <div class="albums&q ...
- jQuery实现鼠标经过图片预览大图效果
jQuery:是一种客户端的技术,它的诞生的理由是:write less,do more(写更少的代码,做更多的事情). 因此,我们可以借助jQuery来实现一些很酷炫的效果,相比于javaScrip ...
- jquery实现简单鼠标经过图片预览效果
html结构:<div class="prebtn"><img src=""/></div> css代码:#preview{ ...
- cnblogs排版样式预览
说明:关于本博主题及样式来源于[GitHub]:本博总体排版目录样式风格参照博文[修仙成神之路]进行预览:参照本博设置可参考博文[设置跟本博一样的效果]本博之前发表过的博文存在样式不协调,后期会逐一完 ...
- jquery 预览提交的表单
预览表单,查看后确认提交或者返回重填 演示 XML/HTML Code <form class="mform" id="myform" method=&q ...
- RunJS推荐用于个人使用(使用方便JS、css实时预览、编辑、管理等功能)
RunJS,在线编写.展示html.js.css代码,拥有实时预览.分享.Fork.代码高亮.自己主动完毕等多项特性,提供文件上传.多种登录方式. 地址:http://runjs.cn/ waterm ...
- 自己动手开发更好用的markdown编辑器-04(实时预览)
这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址 http://benq.im/2015/04/25/hexomd-04/ 程序打包 文章目录 1. 打开新窗口 ...
- MVC + EFCore 项目实战 - 数仓管理系统8 - 数据源管理下--数据源预览
上篇我们完成了数据源保存功能,并顺便看了保存后的数据源列表展示功能. 本篇我们开始开发预览功能,用户预览主要步骤: 1.点击数据源卡片预览按钮 2.查看数据源包含的表 3.点击表名,预览表中数据 ...
- JS实现上传本地图片前先预览
<style type="text/css"> #preview /*这个就是预览的DIV的ID*/ { filter:progid:DXImageTransform. ...
随机推荐
- 【源代码】TreeMap源代码剖析
注:下面源代码基于jdk1.7.0_11 之前介绍了一系列Map集合中的详细实现类,包含HashMap,HashTable,LinkedHashMap.这三个类都是基于哈希表实现的,今天我们介绍还有一 ...
- bzoj 1874 取石子游戏 题解 & SG函数初探
[原题] 1874: [BeiJing2009 WinterCamp]取石子游戏 Time Limit: 5 Sec Memory Limit: 162 MB Submit: 334 Solved ...
- win32加载图片获得像素值
在写光栅渲染器时,需要加载图片获得像素以便进行纹理插值,试了几种方法发现下面这种比价简单,效率也可以接受 Texture2D是我自己定义的类,其中m_pixelBuffer是一个动态二维数组,每个元素 ...
- js淡入淡出
示例: js淡入淡出 原理:更改css不透明数值 知识点: css不透明 filter:alpha(opacity:30); opacity:0.3;} 小技巧: 小于临界值,做加速 大于临界值,做减 ...
- lsb_release: command not found 解决方法(转)
问题:通过lsb_release -a 是查看linux系统版本时报错,具体的解决办法如下: [root@localhost ~]# lsb_release -a-bash: lsb_release: ...
- ISAPI_Rewrite 3 伪静态软件
下载地址 http://www.helicontech.com/isapi_rewrite/download.html
- Windows 8实例教程系列 - 布局控制
原文:Windows 8实例教程系列 - 布局控制 与传统应用类似,Windows store应用允许开发人员通过布局控件管理应用UI. 本篇将讨论Windows8布局设计控制. Windows 8布 ...
- Visual Studio中开发
如何在Visual Studio中开发自己的代码生成器插件 Visual Studio是美国微软公司开发的一个基本完整的开发工具集,它包括了整个软件生命周期中所需要的大部分工具,如UML工具.代 ...
- 跳跃Java一些周期,双跳FOR周期
今天写的代码写在一个双层for周期,目前仍在使用Iterator,大致意思是假定在第二个周期在排位赛中给了整个双回路跳. 刚開始,直接使用break.巴拉巴拉的敲了一堆代码,信心满满的就直接执行.等到 ...
- Atitit。团队建设--管理最佳实践--如何留住关键人才,防止人才外流 ??
Atitit.团队建设--管理最佳实践--怎样留住核心人才,防止人才流失 ?? 1. 1.人才流失后果 1 1. 1.员工的离职带走商业技术秘密和客户等资源 1 2. 2.影响在职员工的情绪.极大挫伤 ...



















