通过JavaScript在鼠标悬停时设置文本动画

通过JavaScript在鼠标悬停时设置文本动画,javascript,wordpress,Javascript,Wordpress,我需要在鼠标悬停时设置文本动画。但是,每次我的文本文件或数据库中出现不同的文本时。实际上,我想为我的网站编写相同的JavaScript代码。 我已经尝试通过Inspect元素获取JavaScript代码。但是,它从来都不起作用 我需要在我的网站上相同的效果 您可以使用基本CSS和JavaScript根据需要设置不同的文本 div span#initText{ 显示:内联; } div:悬停范围#initText{ 显示:无; } div span#悬停文本{ 显示:无; } div:悬停范围

我需要在鼠标悬停时设置文本动画。但是,每次我的文本文件或数据库中出现不同的文本时。实际上,我想为我的网站编写相同的JavaScript代码。 我已经尝试通过Inspect元素获取JavaScript代码。但是,它从来都不起作用

我需要在我的网站上相同的效果

您可以使用基本CSS和JavaScript根据需要设置不同的文本

div span#initText{
显示:内联;
}
div:悬停范围#initText{
显示:无;
}
div span#悬停文本{
显示:无;
}
div:悬停范围#悬停文本{
显示:内联;
}

初始文本
悬停文本

如果你需要不同的文本,你需要在这个文本上使用JavaScript。下面是一个您可以做的示例:

const initValue='Hover me!';
常数悬停值=[
“欢迎”,
"到",,
“堆栈”,
“溢出”
];
const elt=document.querySelector('h1');
elt.onmouseover=()=>elt.innerHTML=hoverValues[Math.floor(hoverValues.length*Math.random());
elt.onmouseout=()=>elt.innerHTML=initValue

让我停下来您需要与我们共享您正在使用的代码以帮助您。