Javascript 鼠标悬停时文件夹中的随机光标图像

在一个简单的网页中，当鼠标悬停在我的元素上时，我试图得到一个随机的光标图像。游标图像需要在4个png文件之间更改（为了简单起见，下面我使用了系统游标，这不是问题）。我希望每次用户悬停元素时光标都会改变，而不必重新加载页面。
创建随机更改函数时遇到问题。我想它应该是javascript或php。我在这两方面都不是很有能力，在谷歌搜索解决方案方面也不成功。有人有想法吗？

我已经尝试使用它作为基础，不过在这里您需要重新加载来更改光标，我希望光标在不重新加载的情况下进行更改。我已经将javascript放在了脚本下，但它不工作——但在JSFIDLE中工作！！不知道为什么。由于重新加载问题，我不确定这离我需要的距离有多远。
还尝试使用php代码段作为基础，但根本不起作用。还是不知道为什么。

这是我的代码，没有改变光标。。。我想是超基本的

/*我希望每次鼠标返回悬停在元素上时，光标都会随机改变*/
/*在['help'，'wait'，'crosshair'之间切换*/

您可以执行以下操作：

函数随机（）{
//要使用的图像
让图像=['https://data.whicdn.com/images/309487318/original.jpg?t=1521902468',
'https://data.whicdn.com/images/346786844/original.jpg','https://data.whicdn.com/images/346397546/original.jpg']
//从DOM获取组件
让imgComponent=document.getElementById（'myImg'））
//获取从0到数组长度的随机数
让randomNumber=Math.floor（Math.random（）*images.length）
//将随机图像分配给DOM
imgComponent.src=图像[随机数]
}

随机

这是通过JavaScript完成的：

//游标的数组
var arrayOfCursors=['help'，'wait'，'crosshair']；
//选择元素
var el=document.getElementById（'target'）；
//鼠标悬停事件
el.addEventListener（“鼠标悬停”，函数（事件）{
//将光标从光标数组更改为随机
el.style.cursor=arrayOfCursors[Math.floor（Math.random（）*arrayOfCursors.length）]；
});

/*每次鼠标悬停在元素上时，光标都会随机变化*/
/*['help'、'wait'、'crosshair'之间的更改*/
谢谢！我稍微改变了它，因为我想将光标自身移到鼠标上。脚本：函数random（）{let cursors=['help'，'wait'，'crosshair']let imgComponent=document.getElementById（'myEl'）let randomNumber=Math.floor（Math.random（）*cursors.length）imgComponent.style.cursors=cursors[randomNumber]}html:random–很好奇，它是哪种语言？对于新手的问题，很抱歉。这仍然是纯Java脚本。谢谢。这在jsfiddle中是有效的，但当我将它全部放在index.html中并使用js时就不行了——它忽略了js。知道为什么吗？我的网页非常简单，所以除非有问题，否则我宁愿保留一个html。好的，我解决了这个问题-我把。js比第一个答案更整洁，第一个是什么语言？除了整洁，你还能看到js的其他好处吗？js是唯一可以做到这一点的方法，因为它是在前端完成的。PHP和其他后端语言不允许您在前端动态更改内容。另一种解决方案，无论使用哪种语言，都可以正常工作，尽管我认为它不是js。唯一的区别是我把它放在html的头上，有更多的代码。你是说这个吗？但它并没有满足您最初的要求。是的，它也在js中。