1

我一直在使用:

    <script>
function change()
{
document.body.style.cursor="url('xx/xx.cur'),auto";
}
</script>

<div onClick="change()"></div>

它有效,但重要的是在没有点击时光标重置,所以我尝试了 onBlur,但它没有用。

最后我发现了这个:

<script type="text/javascript"> 
   function change() { 
   document.body.style.cursor=(document.body.style.cursor=="help") ? "default" : "help"; 
} 
</script> 
</head> 
<body> 
<div onmousedown="change()" onmouseup="change()">  </div> 

这就像一个魅力,但它未能用自定义 .curs 替换光标标准样式。

这里:

    function change()
{
document.body.style.cursor=(document.body.style.cursor=="url ('xx/xx3.cur')") ? "url ('xx/xx1.cur')" : "url ('xx/xx3.cur')";
}
</script>
</head>
<body>

<div onmousedown="change()" onmouseup="change()" id="container">

显然双括号很麻烦。我尝试了一切都没有成功。任何帮助表示赞赏。提前致谢。

4

1 回答 1

1

我可能会用一些简单的 CSS 魔法来解决这个问题。

我不会使用 javascript 实际为 body.style.cursor 分配一个值,而是在 html-tag 上切换一个类,该类依次显示正确的光标。

CSS:

html
{
    cursor: default;
}

html.help
{
    cursor: url('help.cur');
}

Javascript:

function change()
{
    $("html").toggleClass("help")
}

工作jsfiddle:http: //jsfiddle.net/BV3kn/2/

于 2013-02-06T19:40:30.327 回答