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 鼠标手势相关推荐

  1. CSS的鼠标手势实现

    教您用CSS的鼠标手势实现任意标签鼠标划过变成小手 就是:cursor:pointer,调用方法:style=" cursor:pointer "

  2. css cursor url用法格式详解

    css cursor url用法格式:css:{cursor:url('图标路径'),auto;} //IE,FF,chrome浏览器都可以 实例代码:html{cursor: url("h ...

  3. css cursor 鼠标指针样式总结

    今天在修改页面细节时,对某些地方的鼠标指针的样式不满意,于是就趁机回顾了一下 css cursor 属性. css cursor 属性值总结: 使用示例: body {cursor: auto; } ...

  4. html css 鼠标手,CSS cursor 和 opacity 属性

    cursor :一些不同的光标,当设置该属性之后,鼠标指上去会随着属性而改变. 举例: 十字线 默认的 帮助 指示某对象可被移动 出现左右箭头 一只手 正在加载 文本 opacity:用于设置元素的透 ...

  5. css cursor 禁用 图标 cursor: not-allowed;

    css cursor 禁用 图标 cursor: not-allowed; 红色圆圈一个斜杠

  6. CSS cursor 和 opacity 属性

    cursor :一些不同的光标,当设置该属性之后,鼠标指上去会随着属性而改变. 举例: <span style="cursor:crosshair">十字线</s ...

  7. CSS cursor: pointer; 设置鼠标移动上方变为手指图标

    仅供学习,转载请注明出处 简介 正常的样式只有超链接 a 标签在鼠标移动上去才会变成小手的鼠标. 那么普通的HTML元素怎么设置样式也可以变为小手呢? CSS设置 只要在CSS样式下添加代码如下即可: ...

  8. css cursor 常用值

    cursor: default; cursor: auto; cursor: not-allowed; cursor: pointer; cursor: wait; cursor:url('绝对路径' ...

  9. css cursor 的可选值(鼠标的各种样式)

    crosshair; 十字准心 The cursor render as a crosshair 游标表现为十字准线 cursor: pointer;  cursor: hand; 写两个是为了照顾I ...

  10. CSS cursor 属性-鼠标形状

    cursor -- 定义鼠标样式取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne ...

最新文章

  1. 信息学奥赛C++语言:判断正负
  2. 关于idea Tomcat部署的一个小坑
  3. 3d打印 开源_Hovalin:开源3D打印小提琴
  4. 报错,Field cardTypeService in cn.yihuazt.cols.controller.CardTypeController required a bean of type ‘c
  5. linux 恢复与暂停进程
  6. 关于go语言的测试相关内容笔记
  7. C# 只允许运行一个实例
  8. python最全画地图,可视化数据
  9. 《现代控制工程基础》复习笔记
  10. 以下数据库收录外文文献全文的有_【讲座】外文文献的检索与获取
  11. 青岛大学计算机科学学院,青岛大学信息工程学院
  12. 还在为电脑装机而发愁吗?想摆脱装机时的捆绑软件吗?赶紧戳进来瞅瞅
  13. C语言system()函数
  14. scada系统集成_设计 SCADA 应用程序软件
  15. java词云_Java:生成词云(KUMO)
  16. Android 音频源码分析——音量调节流程
  17. 运行uniapp项目,提示uniapp依赖插件还未加载,请稍后重试
  18. Qt开发技术:Q3D图表开发笔记(二):Q3DBar三维柱状图介绍、Demo以及代码详解
  19. 《卓有成效的管理者》评语
  20. 查询Chrome浏览器本地用户数据文件位置(扩展,主题等)

热门文章

  1. 学习微机原理与接口这一篇就够了
  2. 计算机网络体系结构综述(上)
  3. android 7.1 默认壁纸拉伸问题
  4. 免费,好用的画图工具diagrams, 支持在线编辑
  5. 系统架构设计师-考试大纲
  6. 微博 用户画像_新浪微博数据采集方法以及数据分析(用户画像) - 八爪鱼采集器...
  7. 年薪201W!华为新天才少年出炉:武大94年博士生入选!任正非最新发声:江山代有才人出,不拘一格降人才!...
  8. 云莲MK8215_联芸MAS0902固态硬盘开卡教程,量产工具软件下载
  9. QQ里面爱情树显示服务器繁忙,QQ情侣空间爱情树连续浇水断了怎么办 | 手游网游页游攻略大全...
  10. qu32调音台说明书_调音台图解及使用说明