0

事前に指定された色の配列から、個々の文字にランダムに色を割り当てて、さまざまなリンクのマルチカラーテキストを生成したいと思います。これは、テキストが入っているdivにカーソルを合わせると変化します。jQueryプラグインを考えています/スクリプトが進むべき道です。

そのようなプラグイン、または近似値が存在するかどうか疑問に思います。

ありがとう、

ニック

4

2 に答える 2

1

わかりました。jqueryを使用して例を作成します。

最初にあなたのテキスト

<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の例です

注：私はホバーをしませんでしたが、ここからそれを取ることができると思います:)

于 2012-05-03T10:37:37.360 に答える
0

あなたはこれを試すことができます：

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

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

  return myAwesomeColorList[Math.floor((Math.random()*myAwesomeColorList.length))]
}
于 2012-05-03T10:24:56.797 に答える