当前位置:  开发笔记 > 编程语言 > 正文

是否有任何干净的CSS方法使单词中的每个字母都有不同的颜色?

如何解决《是否有任何干净的CSS方法使单词中的每个字母都有不同的颜色?》经验,为你挑选了3个好方法。

我需要一种方法来让一个单词的每个字母旋转3种不同的颜色.我知道一些不那么干净的方法我可以用asp.NET做到这一点,但我想知道是否有更清洁的CSS/JavaScript解决方案更适合搜索引擎.

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



1> Ryan Rodemoy..:

这是一些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("" + message[i] + "");
}



2> Brendan Kidw..:

在服务器端,您可以轻松地完成此操作,而无需烦人的搜索引擎AFAIK.

// This server-side code example is in JavaScript because that's
// what I know best.
var words = split(message, " ");
var c = 1;
for(var i = 0; i < words.length; i++) {
   print("" + words[i] + " ");
   c = c + 1; if (c > 3) c = 1;
}

如果您真的想要简单的内联HTML代码,请编写客户端Javascript以从给定的P或DIV或基于其ID的任何内容中检索消息,拆分它,如上所述重新编码,并替换P或DIV的'innerHTML'属性.



3> Paul D. Wait..:

绝对没有使用CSS的解决方案,因为CSS选择器不允许您访问单个字母(除了:first-letter).

推荐阅读
放ch养奶牛
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有