新文章对应访问者上一次访问显示new图片

<body>
 <p>Negrino and Smith's most recent books:</p>
 <p id="New-20110801"><a href="http://www.javascriptworld.com">JavaScript:Visual QuickStart Guide,
 <sup>th </sup> Edition</a></p>
 <p id="New-20100601"><a href="http://www.dreamweaverbook.com">Dreamweaver CS5: Visual QuickStart Guide</a></p>
</body>
body {
 background-color: #FFF;
}
p.newImg {
 padding-left: 35px;
 background-image: url(images/new.gif);
 background-repeat: no-repeat;
} 
window.onload = initPage;
function initPage() {
 var now = new Date();
 var lastVisit = new Date(cookieVal("pageVisit"));
 var expireDate = new Date();
 expireDate.setMonth(expireDate.getMonth()+6);

 document.cookie = "pageVisit=" + now + ";expires=" + expireDate.toGMTString();
 var allGrafs = document.getElementsByTagName("p");

 for (var i=0; i<allGrafs.length; i++) {
 if (allGrafs[i].id.indexOf("New-") != -1) {
 newCheck(allGrafs[i],allGrafs[i].id.substring(4));
 }
 }
 function newCheck(grafElement,dtString) {
 var yyyy = parseInt(dtString.substring(0,4),10);
 var mm = parseInt(dtString.substring(4,6),10);
 var dd = parseInt(dtString.substring(6,8),10);
 var lastChgd = new Date(yyyy,mm -1,dd);

 if (lastChgd.getTime() > lastVisit.getTime()) {
 grafElement.className += " newImg";
 }
 }
}
function cookieVal(cookieName) {
 var thisCookie = document.cookie.split("; ");

 for (var i=0; i<thisCookie.length; i++) {
 if (cookieName == thisCookie[i].split("=")[0]) {
 return thisCookie[i].split("=")[1];
 }
 }
 return "1 January 1970";
}

思路

文章最后一次修改时间跟上一次访问存储在cookie的时间作对比,相应加上newImg样式。

推广

祝群里的各位六一节日快乐,浏览我淘宝店铺,发下ip地址给我QQ:1005381986,马上返现0.5元,店铺地址:https://item.taobao.com/item.htm?id=569535920944这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黄宝康

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值