Question

我想在我的网站上添加自定义光标集。我已经添加了光标，但是当光标改变的任何东西悬停时，我都有指针集，包括.ani和amp; .cur需要我的网站。我已经尝试过了：

这是我使用的JavaScript！

<script>
document.getElementsByTagName("body")[0].style.cursor = "url('cursor/blue.cur'), auto";
</script>

我的光标：

bluecursor

我有它的Set，但我不知道代码设置为光标十字准线，帮助，等待等。

cursorset

这可能吗？

Answer 1

可以通过CSS启用所有支持的游标：http://www.w3schools.com/cssref/pr_class_cursor.asp

Answer 2

如果您必须使用javascript执行此操作，最好在您的css中使用所需的行为/样式创建一个类，然后只使用javascript设置该类。

Answer 3

这段代码对我有用（不是JS而是jQuery）：

$("body").css('cursor', 'url(arrow_blue.cur) , auto');

$(".button").mouseover(function(){
    $(this).css('cursor', 'url(arrow_blue.cur) , auto');
});

如果有任何特定项目（如按钮等），请不要忘记覆盖...如果为主体定义了一些特殊的东西，那么仅定义主体的光标不会覆盖下面的元素。所以你必须覆盖，鼠标悬停等...

Answer 4

如果你想这样做，最好在css中执行：

例如，如果您希望仅在将鼠标悬停在锚标记上时将光标更改为自定义光标，则可以执行以下操作：

a {
  cursor: url(cursor/bluecursor.cur), auto;
}

如果您希望光标始终使用自定义光标，则必须决定何时使用特殊光标。您可以使用类来执行此操作：

.help {
  cursor: url(cursor/help.cur), auto;
}

然后将该类应用于要显示自定义光标的特定元素：

<div class="help">Help Me</div>

根据我的知识，没有办法告诉浏览器只是用自定义集替换所有游标。

如何光标＆amp;使用js添加悬停效果？

4 个答案: