主题 : 简单实现添加“new”图标
级别: 举人
UID: 60221
积分:167 加为好友
威望: 3 精华: 0
主题:14 回复:65
注册时间:2014-04-07
在线时长:0
1#   发表于:2014-05-07 12:58:43  IP:220.8.*.*
显示全部 只看该作者
jeecms系统没有别的网站常见的最新添加文章后显示“new”图标的设置，自己用Javascript写了一段简单代码如下，思路为，用当前时间减去文章发表时间，如果在规定的天数内，则添加“new”图标，超过规定的天数后，“new”图标自动去除。
<script>
  var nowDate=new Date();          //定义当前时间对象 
  var oldDate=new Date();            //定义文章发表时间对象
  var x,y1,y2,y3;                             //定义几个变量
  y1="${content.releaseDate?string("yyyy")}";            //读取文章发表时间的年份
  y2="${content.releaseDate?string("MM")}";             //读取文章发表时间的月份
  y3="${content.releaseDate?string("dd")}";              //读取文章发表时间的日期
  oldDate.setFullYear(y1,y2-1,y3);                             //将文章发表时间的年、月、日组合成时间对象
  x=(nowDate-oldDate)/86400000;                           //当前时间减去文章发表时间
  if(x<=6)                                                                    //如过在6天之内，则添加“new”图标
    {
    document.write('<img src="/${res}/img/new.gif"/>');
    }
</script>
              
在实际使用中，如果文章列表你用了[#list tag_list as a]之类的遍历的话，content.releaseDate要改为a.releaseDate即可。

代码没有进行包装，直接加在html里即可。或许有高手有更简单更易用的代码，或者包装到二次开发class里更好。

在此仅做抛砖引玉。

   
使用道具
   顶端
1 共1页