鼠标指针样式自定义控制

cursor:设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。

注意:使用自定义图像作为光标类型,IE, Opera只支持*.cur等特定的图片格式;Firefox, Chrome, Safari 既支持特定图片类型也支持常见的*.jpg, *.gif, *.jpeg等图片格式。cursor的属性值可以是一个序列——示例代码:

向左走
向右走

注意:此方法通用,但是你也许已经碰到问题了,示例中全兼容的效果,在你的实现中IE下无效了,怎么解决?

.box{cursor: url(cursor/zoom.cur), auto; }
.cursor_pre {cursor: url(cursor/pre.cur), auto;}
.cursor_next {cursor: url(cursor/next.cur), auto;}

.cursor{
    cursor: url(example.svg#linkcursor),
            url(hyper.cur),
            url(hyper.png) 2 3,
            pointer;
}

本例用来给所有的超链接定义光标类型,客户端如果不支持SVG类型的光标,则使用下个"hyper.cur";如果cur类型也不支持,则使用下个"hyper.png";依次类推。

问题及注意事项:

IE下无效?此此自定义鼠标样式,IE下要起效需要将样式放到页面中的style里,否则无效。