自定义Z-Blog当天新文章文字颜色

燕山网络科技2017-09-30 17:08:561350

逛z-blog官方论坛的时候,发现很久以前的一个帖子有zblog用户问到这个问题,怎么让zblog当天发布的文章字体颜色不同,琢磨了一下,发现也有网友回复写出了实现了代码方法,就是通过js判断时间,然后为其添加个特定的css样式,使其字体颜色与当日之前发表的文章的颜色不同,为其它颜色。

实现zblog当天发布文章不同颜色:

在zblog当前主题模板的头部添加以下js判断代码即可

1
2
3
4
5
6
7
8
<script language="javascript">var start_time = "<#article/posttime/shortdate#>";var end_time = new Date().getFullYear()+"-"+new Date().getMonth()+"-"+new Date().getDate();if(start_time == end_time){
  document.getElementById("datetime_li").style="blue";}</script>

代码中的style=后面双引号部分为要设置的颜色,可根据自己的喜好修改为其它颜色。

提示:除了改变字体颜色外,也可以为其添加各种的CSS样式,使其更加美观!但也要修改下代码,可自主研究!


分享到:

本文链接:https://h.finchui.com/zblogcn/1415.html 转载需授权!

最新发布

燕山网络科技在线咨询

上班时间:9:00-22:00
周六、周日:14:00-22:00
wechat
扫一扫二维码,添加客服微信

15639981097

上班时间:9:00-22:00
周六、周日:14:00-22:00

扫一扫二维码,添加客服微信