Javascript实现最新文章显示New图标

以下代码保存为html即可看到效果
<html>
<head><title>www.onbno.com Javascript实现最新文章显示New标志</title>
<style type="text/css">
ul{list-style:none;}
ul li{line-height:26px;}
ul li i{margin-left:10px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
function ShowListLatestIcon(latestnum){
	// 获取全部包含class的值为'showlatesticon'的ul列表
	var leftnewslist = jQuery("ul.showlatesticon").find("li");

	// 要插入到列表条目中的图片标志
	var latestimg="&nbsp;&nbsp;<img src='new.png' width='24' height='24' border='0' />";

	if(leftnewslist.length>0){
		var j=0;

		// 遍历li列表,前latestnum个显示new图标
		jQuery.each(leftnewslist, function(i, n){
			if(j>=latestnum){
				return;
			}

			jQuery(this).find("a").after(latestimg);
			j++;
		});
	}
}

jQuery(document).ready(function(){
ShowListLatestIcon(3);
});
</script>
</head>
<body>
<ul class="showlatesticon">
<li><a href="http://www.onbno.com/archives/2329.html" target="_blank"  mon="ct=1&a=2&c=top">俄罗斯专家爆料:卡扎菲还活着 死者是其替身</a><i>11:05</i></li>
<li><a href="http://www.onbno.com/archives/2329.html" target="_blank"  mon="ct=1&a=2&c=top">中国上万家民营加油站出现柴油断供现象</a><i>15:16</i></li>
<li><a href="http://www.onbno.com/archives/2329.html" target="_blank"  mon="ct=1&a=2&c=top">广州地铁屏蔽门突然爆裂 工作人员称为自然裂痕</a><i>16:06</i></li>
<li><a href="http://www.onbno.com/archives/2329.html" target="_blank"  mon="ct=1&a=2&c=top">国家统计局网站惊现校对版报告 3千字删改42处</a><i>12:16</i></li>
<li><a href="http://www.onbno.com/archives/2329.html" target="_blank"  mon="ct=1&a=2&c=top">深圳拟设10月28为“男性关爱日”可放假半天</a><i>15:01</i></li>
<li><a href="http://www.onbno.com/archives/2329.html" target="_blank"  mon="ct=1&a=2&c=top">媒体曝摩纳哥王妃欲离婚 诞下一子可获5亿美元</a><i>12:04</i></li>
<li><a href="http://www.onbno.com/archives/2329.html" target="_blank"  mon="ct=1&a=2&c=top">深圳宝安区1岁半女童被货车前后轮碾压死亡(图)</a><i>14:29</i></li>
<li><a href="http://www.onbno.com/archives/2329.html" target="_blank"  mon="ct=1&a=2&c=top">河南重刑犯豫北监狱越狱 监狱号称全河南最健全</a><i>11:44</i></li>
<li><a href="http://www.onbno.com/archives/2329.html" target="_blank"  mon="ct=1&a=2&c=top">中宣部举办党的十七届六中全会精神研讨班</a><i>13:01</i></li>
</ul>
</body>
</html>
 » 本站地址:http://www.gomoth.com

标签: , ,