WordPress标题文本随机悬停颜色

时间:2015-06-02 06:11:18

标签: php wordpress-theming wordpress wordpress-theme-customize

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

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

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

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

header#top #logo {}

我想更改它,以便在悬停时随机化文本。 与此http://jsfiddle.net/neeklamy/3eXfk/

类似

任何想法如何?

提前致谢。

1 个答案:

答案 0 :(得分:0)

这样的事情怎么样?

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>