如何在悬停时随机更改字符串？ [关闭]答案

【问题标题】：How do I change a character string randomly on hover? [closed]如何在悬停时随机更改字符串？ [关闭]
【发布时间】：2013-04-09 15:34:42
【问题描述】：

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

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

谢谢:)

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

【问题讨论】：

那就开始吧。
必填：“你试过什么？”
仅仅询问代码，完全形成并准备好去 Stack Overflow 上的问题是不合适的。请阅读常见问题解答：stackoverflow.com/faq#questions 和这篇文章 mattgemmell.com/2008/12/08/what-have-you-tried，其中解释了 Stack Overflow 上关闭问题的一些原因。

标签： javascript jquery html fonts

【解决方案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/

【讨论】：

谢谢老兄！做我想要的！ :)