Вопрос по css, jquery – JQuery плагин для создания разноцветного текста, который меняет цвет при наведении

0

Я хотел бы создать многоцветный текст для различных ссылок со случайным назначением цветов отдельным буквам из предварительно определенного массива цветов, который будет меняться при наведении курсора на элемент div с текстом. Я думаю, что плагин jQuery / сценарий будет путь.

Мне интересно, существует ли такой плагин или близкое приближение.

Спасибо,

Ник

Ваш Ответ

2   ответа
0

   $('a').on('hover', function( {
      $(this).css('color', getRandomColor());
     })
   );

function getRandomColor() {
  var myAwesomeColorList['#ccc', '#fff'];

  return myAwesomeColorList[Math.floor((Math.random()*myAwesomeColorList.length))]
}
Error: User Rate Limit Exceeded
1

сначала ваш текст

<p id="example">Multi color me</p>​

затем JavaScript:

$(document).ready(function() {
  var test = $("#example").text().split('');

    var result = "";
    var i = 0;
    for(i=0; i < test.length; i++) {
        result += "<span style='color:"+getColor()+"'>"+test[i]+"</span>";
    }
    $("#example").html(result);      
});

function getColor() {
    var colList = ['#00FF00', '#FF0000','#0000FF'];

    var i = Math.floor((Math.random()*colList.length));
  return colList[i];
}​

Вот jsFiddleпример

Примечание: я не делал парения, но я думаю, вы можете взять его отсюда :)

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceededresult +=
Error: User Rate Limit Exceeded Nick
Error: User Rate Limit ExceededshowFiddle
Error: User Rate Limit ExceededhereError: User Rate Limit Exceeded Nick

Похожие вопросы