是否可以从glyphicon创建自定义光标?

时间:2015-09-07 19:48:04

标签: javascript jquery css html5 glyphicons

我想知道自定义光标是否可以用glyphicon制作。我能想到的一种方法是将光标属性设置为无。使用基于jquery mousemove x,y坐标的绝对定位将glyphicon z-index设置为最顶层。这是正确的方法还是有任何原生方法?

1 个答案:

答案 0 :(得分:3)

虽然我没有找到本地方式来做到这一点。 但here's我是如何用jquery和css属性做的。

#test{
    width:200px;
    height:200px;
    cursor:none;
    background-color:#ff0000;
}

#mycur{
    position:absolute;
    z-index:1000;
    cursor:none;
}

$("#test").mousemove(function(e){
    mycur=$("#mycur");
    mycur.css("left",e.offsetX);
    mycur.css("top",e.offsetY);
});

<div id="test">
</div>
<i id="mycur" class="fa fa-paint-brush"></i>