Скачать или смотреть Пользовательские курсоры мыши с помощью JavaScript в Storyline 360

В этом видео Джефф Батт демонстрирует настройку значка мыши для определённых объектов в электронном обучающем курсе Articulate Storyline 360. С помощью этого простого фрагмента кода вы можете изменить курсор на пользовательский значок, изображение или любой другой объект. При удалении мыши от объекта курсор возвращается в исходное состояние.

Подобного эффекта можно добиться в Camtasia, а с помощью этого кода можно воспроизвести тот же эффект в Storyline для любого цифрового обучающего курса.

Этот фрагмент кода дополняет другие готовые фрагменты кода, которые можно найти здесь: https://learningdojo.ninja/javascript.... Присоединяйтесь к нам и выведите свои навыки электронного обучения на новый уровень!

Фрагмент кода
let targetObject = document.querySelector("[data-model-id='']");

если (targetObject) {
targetObject.addEventListener('mouseover', function () {
targetObject.style.cursor = 'url("../upside-down-cursor.png"), auto';
});
targetObject.addEventListener('mouseout', function () {
targetObject.style.cursor = 'default';
});
}

🥷 Ссылка на полные курсы
Articulate Storyline 360: https://courses.learningdojo.ninja/c/...

Storyline и JavaScript: https://courses.learningdojo.ninja/c/...

Adobe Captivate: https://www.udemy.com/course/adobe-ca...

Основы xAPI: https://courses.learningdojo.ninja/c/...

Camtasia: https://www.udemy.com/course/masterin...

Articulate Rise 360: https://courses.learningdojo.ninja/c/...

Если хотите узнать больше, посетите https://learningdojo.ninja.