重庆SEO > Emlog > Emlog Fly模版文章标题自动变颜色教程

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

Emlog · 重庆SEO ℃

发布时间:2018-10-06 10:33:41 作者:冬镜SEO

文章标签: emlog emlog源码 自动变颜色

昨天晚上某一位站长问我,网页文字怎么自动变换颜色,其实这一类的代码在网上早已泛滥,经不住该站长的软磨硬泡,我用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的原因,网页设计的核心原理:越简单越好

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

  • 冬镜SEO

    欢迎提供优质原创内容投稿.

    点击投稿

  • 本文简介

    文章分类: Emlog

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

    文章链接:http://mip.uqseo.com/emlog/277.html

    原文地址:Emlog Fly模版文章标题自动变颜色教程

         导航