如何使单词中的每个字母在悬停时发生变化

Question

假设我的网站上某个段落中有一个单词“IamGreat”，我希望它在悬停时更改为“Good4you”。但是，我不想更改整个单词，而是希望每个字母单独更改。因此，如果我将鼠标悬停在字母“I”上，它将变成字母“G”，字母“r”将变成数字“4”等。这两个单词的长度相同。如果可能的话，我还想更改正在更改的字母的CSS（字体颜色、字体变体等）。有没有办法使用 jQuery 或 javascript 来做到这一点？

Answer 1

我会喜欢 jquery 中的这种情况

• 获取字符串长度（获取字符串中所有字符的索引）
• 获取大写字符及其索引(A,B,C)
• 所以你遍历这个数组，当找到第一个大写字符时，将其替换为第二个字符串中的第一个字符（“good4you”），直到下一个大写字符，你将只是“子串”第一个字符串......
• 如何应用 CSS 你在这里有答案通过 jQuery/Javascript 添加悬停 CSS 属性

希望我能给你一些想法:)