词条 | cursor |
释义 | Cursor是网页制作CSS中的光标类型,与图标文件Icon一样,是特殊类型的小位图。 词义解释词典解释名词n. 1. 【英】有横线的滑动玻璃板;屏幕上的光标 cursor英音:['kə:sə]美音:['kɝsɚ] 网络释义cursor 1. 游标游标光标 2. 游标 3. 指针 光标文件Cursor扩展名一般为.cur。与图标文件Icon一样,是特殊类型的小位图,但是光标包含热点,通过其X和Y坐标可跟踪光标位置的像素。 光标类型 CSS辅助类代码十字准心 cursor: crosshair; 手 cursor: pointer; cursor: hand; 写两个是为了照顾IE5,它只认hand。 等待/沙漏 cursor: wait; 帮助 cursor: help; 无法释放 cursor: no-drop; 文字/编辑 cursor: text; 可移动对象 cursor: move; 操作类代码向上改变大小(North) cursor: n-resize; 向下改变大小(South) cursor: s-resize; 向右改变大小(East) cursor: e-resize; 向左改变大小(West) cursor: w-resize; 向上右改变大小(North East) cursor: ne-resize; 向上左改变大小(North West) cursor: nw-resize; 向下右改变大小(South East) cursor: se-resize; 向下左改变大小(South West) cursor: sw-resize; 其他类型代码自动 cursor: auto; 禁止 cursor:not-allowed; 处理中 cursor: progress; 系统默认 cursor: default; 用户自定义(可用动画) cursor: url(’ # ‘); # = 光标文件地址 (注意文件格式必须为:.cur 或 .ani)。 CSS中的光标类型语法: cursor : auto | all-scroll | col-resize| crosshair | default | hand | move | help | no-drop | not-allowed | pointer | progress | row-resize | text | vertical-text | wait | *-resize | url ( url) 取值: auto : all-scroll : IE6.0 有上下左右四个箭头,中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。 col-resize : IE6.0 有左右两个箭头,中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。 crosshair : default : hand : move : help : no-drop : IE6.0 带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下。 not-allowed : IE6.0 禁止标记(一个被斜线贯穿的圆圈)光标。用于标示请求的操作不允许被执行。 pointer : IE6.0 和hand 一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。 progress : IE6.0 带有沙漏标记的箭头光标。用于标示一个进程正在后台运行。 row-resize : IE6.0 有上下两个箭头,中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。 text : vertical-text : IE6.0 用于标示可编辑的垂直文本的光标。通常是大写字母I 旋转90度的形状。 wait : *-resize : url ( url) : IE6.0 用户自定义光标。使用绝对或相对url 地址指定光标文件(后缀为.cur 或者.ani )。 示例: p { cursor: text; } a { cursor: pointer; } body { cursor: url("mycursor.cur"), url("images/cursors/footcursor.cur"), default; } |
随便看 |
百科全书收录4421916条中文百科知识,基本涵盖了大多数领域的百科知识,是一部内容开放、自由的电子版百科全书。