各类鼠标样式

简介:

style.cursor样式表 详细出处参考:http://www.jb51.net/css/23361.html

 

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: 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: 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(' # ');
# = 光标文件地址      (注意文件格式必须为:.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所定义的游标不能使用
 

相关文章
|
8月前
|
BI
机房合作之报表(控件无法显示在窗体)
机房合作之报表(控件无法显示在窗体)
38 0
Qml实用技巧:在可视元素之前半透明覆盖一个可视元素,阻止鼠标透(界面)传(防止点击到被遮挡的按钮)
Qml实用技巧:在可视元素之前半透明覆盖一个可视元素,阻止鼠标透(界面)传(防止点击到被遮挡的按钮)
Qml实用技巧:在可视元素之前半透明覆盖一个可视元素,阻止鼠标透(界面)传(防止点击到被遮挡的按钮)
|
5月前
|
开发框架 前端开发 搜索推荐
在WInform开发中实现工具栏/菜单的动态呈现
在WInform开发中实现工具栏/菜单的动态呈现
|
8月前
|
JavaScript
【sgExcelGrid】自定义组件:简单模拟Excel表格拖拽、选中单元格、横行、纵列、拖拽圈选等操作
【sgExcelGrid】自定义组件:简单模拟Excel表格拖拽、选中单元格、横行、纵列、拖拽圈选等操作
【sgExcelGrid】自定义组件:简单模拟Excel表格拖拽、选中单元格、横行、纵列、拖拽圈选等操作
|
前端开发 定位技术
Echarts地图高级开发:下钻交互菜单操作按钮(1)
Echarts地图高级开发:下钻交互菜单操作按钮(1)
138 0
|
8月前
|
数据可视化 大数据
【透明版九宫格背景图片】仅依靠background的几个属性组合搭配出酷炫的透明背景卡片效果→适用于大数据可视化、数据大屏展示页面
【透明版九宫格背景图片】仅依靠background的几个属性组合搭配出酷炫的透明背景卡片效果→适用于大数据可视化、数据大屏展示页面
【透明版九宫格背景图片】仅依靠background的几个属性组合搭配出酷炫的透明背景卡片效果→适用于大数据可视化、数据大屏展示页面
|
前端开发 数据可视化
漏刻有时数据大屏CSS样式表成长教程(3):使用样式表做圆环指示图标
漏刻有时数据大屏CSS样式表成长教程(3):使用样式表做圆环指示图标
235 2
|
前端开发 定位技术
百度地图开发自定义信息窗口openInfoWindow样式的解决方案
百度地图开发自定义信息窗口openInfoWindow样式的解决方案
1334 0
|
前端开发
卡片布局以及鼠标悬浮展示全部
卡片布局以及鼠标悬浮展示全部
146 0
卡片布局以及鼠标悬浮展示全部
医学四视图-008-增加十字线开关功能,按钮显隐功能
医学四视图-008-增加十字线开关功能,按钮显隐功能
271 0
医学四视图-008-增加十字线开关功能,按钮显隐功能

热门文章

最新文章

下一篇
开通oss服务