javascript - 如何在悬停时随机更改字符串？

Question

我需要一个执行以下操作的 javascript/jquery 脚本：

我在 h1 标签或 div 中有一个大字母（大约 40px 字体大小）没关系，可以说它是字母 B。当我将鼠标悬停在它上面时，我希望它从我的字符列表/数组中更改为另一个随机字符指定（即“！@#$%^&*0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz”）。我怎样才能做到这一点？PS。当我将鼠标悬停再次随机变化时，所以基本上每当我的鼠标经过当前字符时，它都需要更改为新字符（即 B 然后 F 然后 $ 然后 0 然后 s 然后 f 等等）

谢谢 ：）

PS。我实际上希望它是任何 unicode 字符，我经常使用字体，我将操纵字形。那么列表/池看起来像这样吗？“±²·”等 ?

Answer 1

这很简单。如果你的 div 有一个字符 id，你的 javascript 可能看起来像这样：

var characters = "!@#$%^&*0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";

function changeCharacter() {
    var randomIndex = Math.floor(characters.length * Math.random());
    var randomCharacter = characters[randomIndex];
    $("#character").text(randomCharacter);
}
$("#character").mouseenter(changeCharacter);
$("#character").mouseleave(changeCharacter);

jsFiddle 中的示例：http: //jsfiddle.net/9EsQJ/1/