登录  |  注册
当前位置：网站首页 > 更多 > 站长帮 > 正文

[趣味代码] 网站单天发布文章日期颜色为红色代码

作者：CC下载站 日期：2018-10-10 03:08:50 浏览：2198 分类：站长帮 

<div id="datestyle">
这里是日期
<span>12-2</span>
<span>12-2</span>
<span>12-2</span>
<span>12-2</span>
<span>12-2</span>
</div>
<!--把<span>12-2</span>改成当天日期有效还有id="datestyle"-->
<script language="javascript">
//感谢Care4
function jscheckdate(){
var obj = document.getElementById("datestyle");
var obj = obj.getElementsByTagName("span");
for(i=0;i<obj.length;i++)
{
var d1 =newDate(newDate().getYear()+'/'+obj[i].innerHTML.replace(/-/g,'/'));
var d2 =newDate(newDate().getYear(),newDate().getMonth(),newDate().getDate());
if(Date.parse(d1)>=Date.parse(d2)&&Date.parse(d1)-Date.parse(d2)<6){
				obj[i].innerHTML ="<font color=\"red\">"+obj[i].innerHTML+"</font>";
}
}
}
jscheckdate();
</script>

代码拆解

找到你的日期代码<span>前面的<div>框架标签

类似

<div>
这里是日期
<span>12-2</span>
<span>12-2</span>
<span>12-2</span>
<span>12-2</span>
<span>12-2</span>
</div>

再div标签里加入空格后面加入

id="datestyle"

这一个框架内所有的时间内容都加颜色在这里注意的是如果你在以《/div》结束下面的框架后下面的日期将无法加颜色比如

<div>
<div id="datestyle">
<span>12-2</span>//这里有颜色
<span>12-2</span>
</div>
<span>12-2</span>这里没有
<span>12-2</span>
<span>12-2</span>
</div>


一个框架内即可实现

猜你还喜欢

您需要 登录账户 后才能发表评论

取消回复欢迎 你 发表评论:

精品推荐！
欢迎 访客 登录没有账号？
  • 最新文章
  • 热门文章
  • 热评文章
最新评论
热门tag
友情链接

关灯