CSS鼠标样式汇总

CSS cursor用来设置指针(光标)的类型。cursor的属性值可以是多个,其间用逗号分隔。假如第一个值无法被客户端浏览器识别或所指定的光标文件无法找到及显示,则第二个值将被尝试使用。依此类推。假如全部值都不可用的话,则此属性不会发生作用。光标不会被改变。

语法如下:
Object.style.cursor=cursortype

CSS中的写法示例:
sursor: default;
cursor: url(images/cat.cur),auto;

其他说明:
FF支持jpg、gif、cur等文件,不支持ani,IE则只支持cur、ani。

cursor的属性值列表:

十字准星 cursor:crosshair
cursor:hand 或者 cursor:pointer
十字准星 cursor:crosshair
等待/沙漏 cursor:wait;
帮助 cursor:help;
无法释放 cursor:no-drop;
文字/编辑 cursor:text;
可移动对象 cursor:move;
向上改变大小 cursor:n-resize;
向下改变大小 cursor:s-resize;
向左改变大小 cursor:w-resize;
向右改变大小 cursor:e-resize;
向上左改变大小 cursor:nw-resize;
向上右改变大小 cursor:ne-resize;
向下左改变大小 sw-resize;
向下右改变大小 cursor:se-resize;
自动 cursor:auto;
禁止 cursor:not-allowed;
处理中 cursor:progress;
系统默认 cursor:default;
用户自定义 cursor:url(‘#’);#=光标文件地址(注意文件格式必须为.cur或.ani)。

参考链接:
http://www.w3school.com.cn/htmldom/prop_style_cursor.asp

此条目发表在sitebuild分类目录,贴了, 标签。将固定链接加入收藏夹。

发表回复

您的电子邮箱地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据