Couleur de survol aléatoire du texte de l’en-tête WordPress

Ma rubrique pour WordPress utilise le nom du blog.

Je pense que c’est le code dans WordPress qui affiche le texte d’en-tête :

 <a id="logo" href="<?php echo home_url(); ?>" <?php echo $logo_class; ?>>

Je peux modifier le texte de l’en-tête à l’aide du code CCS ci-dessous :

header#top #logo {}

Je veux le changer pour que le texte soit aléatoire au survol. Semblable à ceci http://jsfiddle.net/neeklamy/3eXfk/

Des idées comment?

Merci d’avance.

Solution n°1 trouvée

Que diriez-vous quelque chose comme ça?

<div class= »snippet » data-lang= »js » data-hide= »false »>

var colors = ['#f9c213', '#f35c4a', '#3da1bf', '#827287'];
var originalcolor = $('#logo').css('color');

$('#logo').on('mouseenter', function(){
  var col2 = Math.floor(Math.random() * colors.length);

  var newcolor = colors[col2];
  console.log(newcolor);
  $(this).css('color',newcolor);
});

$('#logo').on('mouseleave', function(){
  $(this).css('color', originalcolor);

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id="logo" href="#" class="">Link</a>