Emlog Fly模版文章标题自动变颜色教程

Emlog Fly模版文章标题自动变颜色教程

前言:

昨天晚上某一位站长问我，网页文字怎么自动变换颜色，其实这一类的代码在网上早已泛滥，经不住该站长的软磨硬泡，我用Fly模版测试了一下，其实很简单，今天就把代码发出来，提供给有需要的人。

正文:

注：无陌然这里使用的是Emlog Fly模版测试的文章页标题自动换颜色的，如果是其它的模版，细节性的可能还需要自己调整。

文章自动变色代码

无陌然在这里只给大家讲讲div+css来实现自动变色，当然如果用js更简单，只是不想用而已。

1、首先我们写出自动变换颜色的css代码（如下所示）

<style>
#bianse{animation:change 10s linear 0s infinite;}
@keyframes change{0%{color:#333;}25%{color:#fff0;}50%{color:#f60;}75%{color:#cf0;}100%{color:#f00;}}
</style>

上面的颜色代码，自己去更换额，毕竟每个人喜欢的颜色不一样，而且大家在这里只是测试，颜色都是乱写的。

2、在需要变换颜色的地方，调用就行了，以FLY内容页标题为例

我们找到模版文件 echo_log.php ，打开后找到 <?php echo $log_title; ?> ，如果模版没有改动过就是被 h2 标签嵌套的，只需要在 h2 标签里面调用 id=”bianse” 即可。

<h2 class="post-title" id="bianse">这里是标题内容</h2>

无陌然在这里说一下不想用js的原因，网页设计的核心原理：越简单越好。

好了，关于文字标题自动变换颜色的教程就到这里结束了，如果你还有什么不懂的，评论区留言交流。