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

发布日期: 作者:冬镜SEO

  • 正文内容
  • 相关推荐
原创

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

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 原创发布,仅代表作者观点,不代表冬镜博客网的观点或立场,冬镜博客网仅提供信息发布平台,合作供稿、侵权删除、反馈建议请联系520@520xx.cc

分享SEO优化技术及网站优化教程,一个权威的SEO博客.

标签:

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

链接:http://uqseo.com/emlog/277.html

版权:若无特殊标注皆为 冬镜SEO 原创版权,转载请以链接形式注明作者及原始出处

发表评论

电子邮件地址不会被公开。 必填项已用*标注

冬镜seo客服