在html页面上更改鼠标光标

Question

在html页面上更改鼠标光标

我需要一种在html页面上更改鼠标光标的方法.我知道这可以用css完成,但是我需要能够在运行时更改它,例如在页面上有按钮,当它们被点击时,它们将光标更改为特定的自定义图形.我认为这样做的最好(或唯一？)方式是通过javascript？我希望有一种很好的方法可以在所有主流浏览器上运行.如果有人能帮助我,我将非常感激.

提前致谢

Answer 1

Clo*_*lox 6

谢谢你的回复.我终于搞定了.我是这样做的:

<html>
<head>
    <script type="text/javascript">
        function changeToCursor1(){
            document.body.style.cursor="url('cursor1.ani'),url('cursor1.cur'), default";
        }
        function changeToCursor2(){
            document.body.style.cursor="url('cursor2.ani'),url('cursor2.cur'), default";
        }
    </script>
</head>

<body>

    <form>
        <input type="button" value="Change to cursor 1" onclick="changeToCursor1()" /><br>
        <input type="button" value="Change to cursor 2" onclick="changeToCursor2()" />
    </form>
</body>

Run Code Online (Sandbox Code Playgroud)

我发现要让它在Firefox中工作,你必须至少传递2个游标选项,例如cursor ="url('cursor1.cur'),默认"或者它不会工作.此外,在Firefox中,它不适用于ani-cursors,只有cur.这就是为什么我在ani之后放了一个cur.这个ani将出现在IE浏览器中,即Firefox中的cur.

有没有人知道是否可以在IE中更改光标而不显示active-X警告并且用户必须接受？

归档时间：	16 年，2 月前
查看次数：	18703 次
最近记录：	10 年，1 月前