Question

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

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

谢谢：）

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

Answer 1

这非常简单。如果你的div有一个id的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/

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

1 个答案: