WordPress标题文本随机悬停颜色 - WordPress Header Text Random Hover Color

WordPress Header Text Random Hover Color

我的WordPress标题是使用博客名称。

我想这是WordPress中显示标题文本的代码:

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

我可以使用下面的CCS代码更改标题文本:

header#top #logo {}

我想改变它，使文本在悬停时随机化。类似于此http://jsfiddle.net/neeklamy/3eXfk/

你知道怎么做吗?

这样怎么样?

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>