Custom Mouse Cursors with JavaScript in Storyline 360

In this video, Jeff Batt demonstrates customizing the mouse icon for specific objects within an Articulate Storyline 360 eLearning course. You can change the cursor to a custom icon, image, or anything else using this simple snippet. When you move your mouse away from the object, the cursor returns to normal. You can achieve a similar effect within Camtasia, and with this code, you can replicate that same effect inside Storyline for any digital learning course. This snippet joins the rest of the snippets you can use out of the box, which can be found here: https://learningdojo.ninja/javascript-snippets/. Join us and take your eLearning skills to the next level! *Code Snippet* let targetObject = document.querySelector("[data-model-id='']"); if (targetObject) { targetObject.addEventListener('mouseover', function () { targetObject.style.cursor = 'url("../upside-down-cursor.png"), auto'; }); targetObject.addEventListener('mouseout', function () { targetObject.style.cursor = 'default'; }); } *🥷 Link to Full Courses* Create Custom eLearning w/ Claude Code: https://www.learningdojo.ninja/courses/early-bird-discount-creating-custom-elearning-courses-with-claude-code Articulate Storyline 360: https://www.learningdojo.ninja/courses/create-elearning-courses-with-articulate-storyline-360 Storyline & JavaScript: https://www.learningdojo.ninja/courses/javascript-articulate-storyline-360 Vibe Coding Fundamentals: https://www.learningdojo.ninja/courses/vibe-coding-fundamentals AI Development in Articulate Storyline: https://www.learningdojo.ninja/courses/ai-development-with-articulate-storyline xAPI Fundamentals: https://www.learningdojo.ninja/courses/xapi-fundamentals-course Camtasia: https://www.learningdojo.ninja/courses/mastering-camtasia Articulate Rise 360: https://www.learningdojo.ninja/courses/create-responsive-html5-elearning-with-articulate-360-rise If you would like learn more visit https://learningdojo.ninja.