今天跟大家唠唠嗑，关于我搞“彩虹 周杰伦 歌词”这件事儿。说起来也挺逗的，一开始就是我媳妇儿哼哼这歌，我听多了也觉得好听，就寻思着能不能用代码把它“搞”出来，也算是个小小的致敬。
第一步肯定是找歌词。我就直接上网搜，到处都是，随便复制一段就成了。关键是得把歌词整理分成一句一句的，方便后面用。
我就开始琢磨用什么语言写。Python？Java？想了想，还是用我最熟的JavaScript，简单直接，效果来得快。新建一个html文件，先把基本的框架搭起来，然后就开始写JS代码。
思路也很简单，就是把歌词放到一个数组里，然后用一个循环，一句一句地显示出来。但是，这么干太没意思了，肯定得加点特效！我琢磨着，既然是“彩虹”，那就让每句歌词的颜色都不一样，弄个彩虹渐变的效果。
- 先定义一个颜色数组，红橙黄绿青蓝紫，必须安排上！
- 然后，每次显示一句歌词，就从颜色数组里取一个颜色。
- 为了让颜色更自然，我还加了一点随机性，让颜色稍微有点变化。
具体的代码，我就不细说了，反正就是各种addEventListener、createElement、appendChild，都是些基本操作。最麻烦的是调颜色，得一点一点试，才能找到比较舒服的搭配。
除了颜色，我还想加点动效。让歌词淡入淡出，或者从屏幕的某个角落飞进来，感觉会更炫酷。这个就得用到CSS3的animation了，稍微花了点时间研究了一下，总算搞定了。
我还加了一个背景音乐，直接用的周杰伦的《彩虹》。这样一来，整个效果就更完整了。为了让效果更我还调整了歌词显示的速度，让它跟音乐的节奏基本一致。
搞完之后，我给媳妇儿看，她直夸我厉害，说我把这首歌“玩”出了新花样。嘿也没就是瞎折腾。不过通过这回实践，我对JavaScript和CSS3的理解更深了，也算是有点收获。
这回“彩虹 周杰伦 歌词”的实践，就是一个简单的练手项目。关键是要敢想敢做，遇到问题就去查资料，一点一点地解决。 相信我，只要你肯花时间，没有什么搞不定的！
