変更テキスト

Question

私はあなたがロゴの上にあなたのマウスを保持する場合、marieforleo.com

上のテキストの変更をロゴに似たものを再作成するために探しています。 その後、離れると元に戻ります。 ただし、移動するたびに、別のランダムテキストに変更されます。

これはどのように作成されましたか？私はjQueryを使って推測してい

多くのおかげ

マーク

Answer 1

私はそれはからのテキストを選択するために、Math.randomを使用する関数を呼び出すためのMouseEnter（）/ mouseleave（）を使用して推測すると思いますそのようなテキストの配列をHTMLに設定します。

Answer 2

Math.Random（）関数を使用します。random（）メソッドは、0以上（1を含まない）までの乱数を返します。

HTML： -

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

はJavaScript： - ここにExample作業

$(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); 
    }); 
}) 

..

は、その作業を願っています！ ハッピーコーディング！