cursor 鼠标样式的几种样式
来源:互联网 发布:网吧营销大师软件 编辑:程序博客网 时间:2024/06/08 14:30
十字准心 cursor:crosshair;
手
等待/沙漏 cursor:wait;
帮助
无法释放 cursor:no-drop;
文字/编辑 cursor:text;
可移动对象 cursor:move;
向上改变大小 cursor:n-resize;
向下改变大小 cursor:s-resize;
向右改变大小 cursor:e-resize;
向左改变大小 cursor:w-resize;
向上右改变大小 cursor:ne-resize;
向上左改变大小 cursor:nw-resize;
向下右改变大小 cursor:se-resize;
向下左改变大小 cursor:sw-resize;
自动
禁止
处理中
系统默认 cursor:default;
用户自定义 cursor:url('#');#=光标文件地址(注意文件格式必须为.cur或.ani)。
字上查看效果
要注意光标的实际效果依赖于用户的系统设置,与你在这里看到的效果并不一定一致。
cursor: crosshair;
十字准心
The cursor render as a crosshair
游标表现为十字准线
cursor: pointer;
cursor: hand;
写两个是为了照顾IE5,它只认hand。
手
The cursor render as a pointer (a hand) thatindicates 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 (oftena 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 bemoved
游标暗示一些东西应该被移动
cursor: n-resize;
向上改变大小(North)
The cursor indicates that an edge of a box is to bemoved up (north)
边缘可向上移动(北)
cursor: s-resize;
向下改变大小(South)
The cursor indicates that an edge of a box is to bemoved down (south)
边缘可向下方移动(南)
cursor: e-resize;
向右改变大小(East)
The cursor indicates that an edge of a box is to bemoved right (east)
box边缘可向右(东)边移动
cursor: w-resize;
向左改变大小(West)
The cursor indicates that an edge of a box is to bemoved left (west)
边缘可向左移动(西)
cursor: ne-resize;
向上右改变大小(North East)
The cursor indicates that an edge of a box is to bemoved up and right (north/east)
游标暗示box的边缘可向右上方移动(东北方向)
cursor: nw-resize;
向上左改变大小(North West)
The cursor indicates that an edge of a box is to bemoved up and left (north/west)
边缘可向左上方移动(西北)
cursor: se-resize;
向下右改变大小(South East)
The cursor indicates that an edge of a box is to bemoved down and right (south/east)
边缘可向右下方移动(东南)
cursor: sw-resize;
向下左改变大小(South West)
The cursor indicates that an edge of a box is to bemoved 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(' # ');
# =光标文件地址
用户自定义(可用动画)
The url of a custom cursor to be used.
自定义游标的url位置
Note: Always define a generic cursor at the endof the list in case none of the url-defined cursors can beused
注意:在定义完自定义的游标之后在末尾加上一般性的游标,以防那些url所定义的游标不能使用
- cursor 鼠标样式的几种样式
- cursor -- 定义鼠标样式
- style cursor 鼠标样式
- 比较全的CSS cursor(鼠标样式)
- 比较全的CSS cursor(鼠标样式)
- CSS cursor鼠标样式一览表
- CSS cursor鼠标样式一览表
- CSS鼠标指针cursor样式
- 【CSS控制鼠标样式cursor】
- Css cursor鼠标指针鼠标光标样式
- Css cursor鼠标指针鼠标光标样式
- style.cursor 的可选值(鼠标的各种样式)
- style.cursor 的可选值(鼠标的各种样式)
- style.cursor 的可选值(鼠标的各种样式)
- style.cursor 的可选值(鼠标的各种样式)
- cursor的所有样式
- 鼠标光标样式(cursor style)大全
- Css cursor设置鼠标指针显示样式
- Kettle表输出报关闭的连接问题的解决方法
- 苹果“短” 链接服务
- gson 使用以及打包apk发布的问题
- 浅谈三层架构
- 视频接口
- cursor 鼠标样式的几种样式
- 树状数组
- Opencv各个版本的万能头文件
- parent.window与top.window的用法
- spring 基于java的注入
- 浅谈CSRF攻击方式
- 使用WebRTC搭建前端视频聊天室——信令篇
- Java的位运算符详解实例——与(&)、非(~)、或(|)、异或(^)
- c++类默认拷贝构造函数---浅复制