用于生成多色文本的jQuery插件，可在hover时更改颜色

我想为各种链接生成多色文本，从预先指定的颜色数组中随机分配颜色到单个字母，这将在文本中将鼠标hover在div上时发生变化。我在想一个jQuery插件/脚本将是要走的路。

我想知道是否存在这样的插件或近似的插件。

谢谢，

缺口

Answer 1

好吧我用jquery掀起一个例子。

首先你的文字

Multi color me
​ 

那么javascript：

 $(document).ready(function() { var test = $("#example").text().split(''); var result = ""; var i = 0; for(i=0; i < test.length; i++) { result += ""+test[i]+""; } $("#example").html(result); }); function getColor() { var colList = ['#00FF00', '#FF0000','#0000FF']; var i = Math.floor((Math.random()*colList.length)); return colList[i]; }​ 

inheritance人jsFiddle 示例

注意：我没有做hover，但我猜你可以从这里拿:)

Answer 2

你可以试试这个：

  $('a').on('hover', function( { $(this).css('color', getRandomColor()); }) ); function getRandomColor() { var myAwesomeColorList['#ccc', '#fff']; return myAwesomeColorList[Math.floor((Math.random()*myAwesomeColorList.length))] }