I'm looking for a way to manipulate the mouse pointer on my webpage displaying a full-screen slider. I want the slider to stop when the mouse pointer is over it, but I also want the mouse pointer to be displayed at the top of the page when it's not over the div.
I understand that JavaScript cannot directly control the mouse, but is there a way to change the position of the mouse pointer outside the div after the page has loaded?
If anyone has a solution or any ideas, I would greatly appreciate it. Thank you!