事前に指定された色の配列から、個々の文字にランダムに色を割り当てて、さまざまなリンクのマルチカラーテキストを生成したいと思います。これは、テキストが入っているdivにカーソルを合わせると変化します。jQueryプラグインを考えています/スクリプトが進むべき道です。
そのようなプラグイン、または近似値が存在するかどうか疑問に思います。
ありがとう、
ニック
わかりました。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の例です
注:私はホバーをしませんでしたが、ここからそれを取ることができると思います:)
あなたはこれを試すことができます:
$('a').on('hover', function( {
$(this).css('color', getRandomColor());
})
);
function getRandomColor() {
var myAwesomeColorList['#ccc', '#fff'];
return myAwesomeColorList[Math.floor((Math.random()*myAwesomeColorList.length))]
}