css cursor 鼠标手势
span.wait {cursor:wait}
属性定义及使用说明
cursor属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状
默认值: | auto |
---|---|
继承: | yes |
版本: | CSS2 |
JavaScript 语法: | object.style.cursor="crosshair" |
属性 | chrome | ie | firefox | safari | opera |
---|---|---|---|---|---|
cursor | 5.0 | 5.5 | 4.0 | 5.0 | 9.6 |
属性值
值 | 描述 |
---|---|
url |
需使用的自定义光标的 URL。 注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。 |
default | 默认光标(通常是一个箭头) |
auto | 默认。浏览器设置的光标。 |
crosshair | 光标呈现为十字线。 |
pointer | 光标呈现为指示链接的指针(一只手) |
move | 此光标指示某对象可被移动。 |
e-resize | 此光标指示矩形框的边缘可被向右(东)移动。 |
ne-resize | 此光标指示矩形框的边缘可被向上及向右移动(北/东)。 |
nw-resize | 此光标指示矩形框的边缘可被向上及向左移动(北/西)。 |
n-resize | 此光标指示矩形框的边缘可被向上(北)移动。 |
se-resize | 此光标指示矩形框的边缘可被向下及向右移动(南/东)。 |
sw-resize | 此光标指示矩形框的边缘可被向下及向左移动(南/西)。 |
s-resize | 此光标指示矩形框的边缘可被向下移动(北/西)。 |
w-resize | 此光标指示矩形框的边缘可被向左移动(西)。 |
text | 此光标指示文本。 |
wait | 此光标指示程序正忙(通常是一只表或沙漏)。 |
help | 此光标指示可用的帮助(通常是一个问号或一个气球)。 |
注释:Opera 9.3 和 Safari 3 不支持 url 值。
注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
.cur{
cursor:url('r.jpg'),crosshair;/* 当图片加载失败时显示效果为crosshair */ }
c
css cursor 鼠标手势相关推荐
- CSS的鼠标手势实现
教您用CSS的鼠标手势实现任意标签鼠标划过变成小手 就是:cursor:pointer,调用方法:style=" cursor:pointer "
- css cursor url用法格式详解
css cursor url用法格式:css:{cursor:url('图标路径'),auto;} //IE,FF,chrome浏览器都可以 实例代码:html{cursor: url("h ...
- css cursor 鼠标指针样式总结
今天在修改页面细节时,对某些地方的鼠标指针的样式不满意,于是就趁机回顾了一下 css cursor 属性. css cursor 属性值总结: 使用示例: body {cursor: auto; } ...
- html css 鼠标手,CSS cursor 和 opacity 属性
cursor :一些不同的光标,当设置该属性之后,鼠标指上去会随着属性而改变. 举例: 十字线 默认的 帮助 指示某对象可被移动 出现左右箭头 一只手 正在加载 文本 opacity:用于设置元素的透 ...
- css cursor 禁用 图标 cursor: not-allowed;
css cursor 禁用 图标 cursor: not-allowed; 红色圆圈一个斜杠
- CSS cursor 和 opacity 属性
cursor :一些不同的光标,当设置该属性之后,鼠标指上去会随着属性而改变. 举例: <span style="cursor:crosshair">十字线</s ...
- CSS cursor: pointer; 设置鼠标移动上方变为手指图标
仅供学习,转载请注明出处 简介 正常的样式只有超链接 a 标签在鼠标移动上去才会变成小手的鼠标. 那么普通的HTML元素怎么设置样式也可以变为小手呢? CSS设置 只要在CSS样式下添加代码如下即可: ...
- css cursor 常用值
cursor: default; cursor: auto; cursor: not-allowed; cursor: pointer; cursor: wait; cursor:url('绝对路径' ...
- css cursor 的可选值(鼠标的各种样式)
crosshair; 十字准心 The cursor render as a crosshair 游标表现为十字准线 cursor: pointer; cursor: hand; 写两个是为了照顾I ...
- CSS cursor 属性-鼠标形状
cursor -- 定义鼠标样式取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne ...
最新文章
- 信息学奥赛C++语言:判断正负
- 关于idea Tomcat部署的一个小坑
- 3d打印 开源_Hovalin:开源3D打印小提琴
- 报错,Field cardTypeService in cn.yihuazt.cols.controller.CardTypeController required a bean of type ‘c
- linux 恢复与暂停进程
- 关于go语言的测试相关内容笔记
- C# 只允许运行一个实例
- python最全画地图,可视化数据
- 《现代控制工程基础》复习笔记
- 以下数据库收录外文文献全文的有_【讲座】外文文献的检索与获取
- 青岛大学计算机科学学院,青岛大学信息工程学院
- 还在为电脑装机而发愁吗?想摆脱装机时的捆绑软件吗?赶紧戳进来瞅瞅
- C语言system()函数
- scada系统集成_设计 SCADA 应用程序软件
- java词云_Java:生成词云(KUMO)
- Android 音频源码分析——音量调节流程
- 运行uniapp项目,提示uniapp依赖插件还未加载,请稍后重试
- Qt开发技术:Q3D图表开发笔记(二):Q3DBar三维柱状图介绍、Demo以及代码详解
- 《卓有成效的管理者》评语
- 查询Chrome浏览器本地用户数据文件位置(扩展,主题等)
热门文章
- 学习微机原理与接口这一篇就够了
- 计算机网络体系结构综述(上)
- android 7.1 默认壁纸拉伸问题
- 免费,好用的画图工具diagrams, 支持在线编辑
- 系统架构设计师-考试大纲
- 微博 用户画像_新浪微博数据采集方法以及数据分析(用户画像) - 八爪鱼采集器...
- 年薪201W!华为新天才少年出炉:武大94年博士生入选!任正非最新发声:江山代有才人出,不拘一格降人才!...
- 云莲MK8215_联芸MAS0902固态硬盘开卡教程,量产工具软件下载
- QQ里面爱情树显示服务器繁忙,QQ情侣空间爱情树连续浇水断了怎么办 | 手游网游页游攻略大全...
- qu32调音台说明书_调音台图解及使用说明