WordPress Заголовок текста Случайный цвет при наведении
Мой заголовок для 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>Другие решения
Других решений пока нет …