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

感谢您访问小篮博客”,本站专注活动分享,SEO技术,网站源码,绿色软件等免费资源分享希望大家能够多多支持哦!喜欢本站的朋友可以把本站添加到书签或记住网址,本站网址:www.nswin.cc, 站长 QQ 123326923
  • 内容
  • 相关

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

daf31538792248.jpg

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

文章自动变色代码

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

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

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

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

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

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

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

在这里说一下不想用js的原因,网页设计的核心原理:越简单越好。

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

本文标签:

版权声明:若无特殊注明,本文皆为《小蓝博客》网络转载而来。并不代表本站立场。

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

本文链接:https://www.nswin.cc/discoloration.html

收录状态:[百度已收录]

二维码加载中……

发表评论

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

允许邮件通知