<!-- 最新文章 -->
<div class="content-div" id="ECS_ARTICLE_BODY" >
<ul class="article-list">
<script language="javascript">
var marqueeContent=new Array();
<!--{foreach key=key from=$new_articles item=article}-->
marqueeContent[{$key}]="<li>[<a href={$article.cat_url}>{$article.cat_name}</a>] <a href={$article.url} title={$article.title|escape:html}>{$article.short_title}</a></li>";
<!--{/foreach}-->
var marqueeInterval=new Array();
var marqueeId=0;
var marqueeDelay=2000;
var marqueeHeight=22;
function initMarquee() {
var str=marqueeContent[0];
var marqueeBox = document.getElementById("marqueeBox");
document.write('<div id=marqueeBox style="overflow:hidden;border-bottom:1px dotted;width:380px;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
marqueeId++;
marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
function startMarquee() {
var marqueeBox = document.getElementById("marqueeBox");
var str=marqueeContent[marqueeId];
marqueeId++;
if(marqueeId>=marqueeContent.length) marqueeId=0;
if(marqueeBox.childNodes.length==1) {
var nextLine=document.createElement('DIV');
nextLine.innerHTML=str;
marqueeBox.appendChild(nextLine);
}
else {
marqueeBox.childNodes[0].innerHTML=str;
marqueeBox.appendChild(marqueeBox.childNodes[0]);
marqueeBox.scrollTop=0;
}
clearInterval(marqueeInterval[1]);
marqueeInterval[1]=setInterval("scrollMarquee()",20);
}
function scrollMarquee() {
var marqueeBox = document.getElementById("marqueeBox");
marqueeBox.scrollTop++;
if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
clearInterval(marqueeInterval[1]);
}
}
initMarquee();
</script>
</ul>
</div>
加入KEY 后,就可以循环出数组来.然后,套用先辈的代码.OK.....