将悬停jquery上的文本更改为随机答案

我正在寻找重建类似的标志上

当您将鼠标悬停在徽标上时，文本会发生变化。 然后当你离开时，它又变回来了。 但每次你移过去，它都会变成不同的随机文本

你知道这是怎么产生的吗？我是用JQuery猜的

非常感谢

---

Mark

我猜它使用mouseenter（）/mouseleave（）调用一个函数，该函数使用Math.random从此类文本数组中选择文本并在HTML中进行设置。

使用Math.random（）函数。random（）方法返回一个从0（包括）到但不包括1（排除）的随机数

Html:-

<span id="originalText">Hello,Dhiren</span>
<span id="newText">ExampleText</span>

$(document).ready(function(){
    var originalText = $( "#originalText" ).text();
    $( "#originalText" ).mouseenter(function() {
        var text = '';
               var quotes = new Array("Softwre Engineer", "Front End Developer", "Back End developer", "Database Administrator");

         var randno = Math.floor ( Math.random() * quotes.length );

            text += quotes[randno];

        $( "#newText" ).text( text );
    });
    $( "#originalText" ).mouseleave(function() {
        $( "#newText" ).text( originalText );
    });
})

在这里工作

希望它的工作！！

---

快乐编码

谢谢Dhiren，你知道我会如何在文本中添加动画，所以我希望它看起来像打字，而不是仅仅出现。i、 e.文本从左侧一个字母接一个字母出现，然后从右侧一次消失一个字母。非常感谢-我们能用一下吗-