一般到节日附近网站上的部分内容需要按照节日发生一些小变化,且这些变化基本固定,但网站的上线周期固定,为了节日单独做更新既麻烦又有些浪费时间,其实可以在一次上线的时候提前完成网站的样式图片内容,在到节日附近的时候自动更换样式内容即可,因为是JS做的更换,样式上会有一些加载后再变化的问题,如果对这个有要求这个方法就不可以,下面是自动计算节日并自动更换样式,阴历转换阳历的问题可以看我上一个帖子的内容:
$(document).ready(function(){ holidayLogoShow(); }); //替换节日LOGO function holidayLogoShow(){ var newDate=new Date("2015/02/14"); var newYear=newDate.getFullYear(); var holidayArray=[ holidayObject("元旦","YUANDAN",newYear+"/01/01"), holidayObject("春节","CHUNJIE",calConv(newYear,1,1)), holidayObject("元宵","YUANXIAO",calConv(newYear,1,15)), holidayObject("劳动节","LAODONGJIE",newYear+"/05/01"), holidayObject("端午节","DUANWUJIE",calConv(newYear,5,5)), holidayObject("中秋节","ZHONGQIUJIE",calConv(newYear,8,15)), holidayObject("国庆节","GUOQINGJIE",newYear+"/10/01"), holidayObject("圣诞节","SHENGDANJIE",newYear+"/12/25") ]; for(var i=0;i=-7){ alert("节日名称:"+holidayArray[i].holidayName); break; } } } //节日对象 function holidayObject(holidayName,className,holidayDate){ var object=new Object(); object.holidayName=holidayName; object.className=className; object.holidayDate=holidayDate; return object; }
对于一些需要扩展的内容可以直接扩展节日对象属性的方式实现。