小编典典

有没有干净的CSS方法可以使单词中的每个字母具有不同的颜色?

css

我需要一种允许单词的每个字母旋转3种不同颜色的方法。我知道有些不干净的方法可以使用asp.NET做到这一点,但我想知道是否可能有更清洁的CSS /
JavaScript解决方案,对搜索引擎更友好。

设计器为每个页面都包含一个这样的文件。我宁愿不必为每个页面手动生成图像,因为这会使非技术站点编辑人员很难添加页面和更改页面名称。


阅读 814

收藏
2020-05-16

共1个答案

小编典典

这是一些JavaScript。

var message = "The quick brown fox.";

var colors = new Array("#ff0000","#00ff00","#0000ff"); // red, green, blue



for (var i = 0; i < message.length; i++){

  document.write("<span style=\"color:" + colors[(i % colors.length)] + ";\">" + message[i] + "</span>");

}
2020-05-16