小编Cri*_*man的帖子

我试图将第一行的黑色文本块淡化为最后一行的浅灰色.我注意到亚马逊用它们的产品描述做了这件事.我试着查看CSS代码,我在那里看不到任何东西,我怀疑它是用javascript实现的.

我的问题是:如何在我自己的文本块上模拟类似的垂直淡化效果？

我正在尝试创建一个函数,它将从我定义的颜色列表中将跨度的颜色从黑色更改为随机颜色.我的问题似乎是在.css("color",variableName)部分.我想我的语法错了.(http://jsfiddle.net/crismanNoble/8gM76/)

$(".randomRoll")
    .mouseover(function() {
               var colors = ["6F216C", "F34B0D", "C50102", "5DA537", "F1D81B"];
               var pick = Math.floor(Math.random()*5);
               var colorN = colors[pick];
               $(this).css("color", colorN); 
               //alert(colorN);
               })
    .mouseout(function() {
              $(this).css('color','black');
    });

链接到jsfiddle:http://jsfiddle.net/crismanNoble/gqFdH/2/

基本上svg不会触发.mouseout事件而不断改变颜色.

$(function() {
    $(".icon")
    .mouseover(function() {
               var colors = ["#6F216C", "#F34B0D", "#C50102", "#5DA537", "#F1D81B"];
               var pick = Math.floor(Math.random()*5);
               var color = colors[pick];
               $(this).children().css('fill',color); 
               })
    .mouseout(function() {
              $(this).children().css('fill','black');
    });
});