AIDE技术官网
AIDEZY.COM

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

AIDE技术网-aidezy.com
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的原因,网页设计的核心原理:越简单越好。

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

搜一下

赞(1) 打赏
AIDE技术网-aidezy.com 广告
AIDE技术网-aidezy.com 广告

来都来了!评论一下呗! 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址 (选填)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
切换登录

注册