#javascript #html #jquery #css
#javascript #HTML #jquery #css
Вопрос:
Когда я нажимаю кнопку, я хочу, чтобы курсор изменился на пользовательское изображение, используя URL-адрес, и после обновления или изменения страницы я хочу, чтобы она все еще была настроена.
Мой код:
let cursor1 = document.getElementById("cursor1"); //my button
и я попробовал это:
var sheet = (function () {
// Create the <style> tag
var style = document.createElement("style");
style.appendChild(document.createTextNode(""));
document.head.appendChild(style);
return style.sheet;
})();
cursor1.onClick () => {
sheet.insertRule("body { cursor: 'url(cursor3.png)', auto; }", 0);
}
Но это не работает вообще, то же самое с этим:
cursor1.onclick = () => {
localStorage.setItem("cursor", "url(cursor3.png), auto");
location = self.location;
};
window.onload = function () {
var body = document.getElementById("body");
var cursor1 = localStorage.getItem("cursor");
body.style.cursor = cursor1;
window.location.reload;
};
Когда я делал что-то подобное, курсор менялся на пользовательский, но возвращался к умолчанию после обновления страницы:
CSS:
html
{
cursor: defau<
}
html.help
{
cursor: url('cursor3.png');
}
JS:
function change()
{
$("html").toggleClass("help")
}
Комментарии:
1.
body { cursor: url('cursor3.png'), auto; }
url-адрес не нужно заключать в кавычки, только название изображения2. по-прежнему не работает
3.
document.getElementById("cursor1")
Где находится ваш элемент с идентификаторомcursor1
? Этого нет в вашем HTML.4. Это в моем HTML. Кнопка получила идентификатор = ‘cursor1’