学习啦>学习电脑>电脑硬件知识>键盘鼠标>

css鼠标样式

时间: 迪豪910 分享

学习啦在线学习网   css的鼠标样式,多种多样。让学习啦小编带你了解。

  css鼠标样式

学习啦在线学习网   style.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: 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所定义的游标不能使用

1820520