marquee字屏滚动

<table width="100%" border="0" cellspacing="0" cellpadding="0"
id="collapse" style="display: none">
<tr>
<td width="182" height="25" align="center"
background="images/main/ss_log_bg.gif">
<a href="Default.jsp" class="white"><strong>首页</strong>
</a>&nbsp;&nbsp;
<font color="#FFFFFF">|</font>&nbsp;&nbsp;
<a href="#" class="white" onClick="JExit()"><strong>退出</strong>
</a>
</td>
<td background="images/main/ss_log_bg.gif">
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25">
<font color="#FFFFFF">${superBranchName } ${branchName }&nbsp;&nbsp;&nbsp;&nbsp;${u.staffName }&nbsp;&nbsp;最后登录：${lastLoginTime } </font>
</td>






<td width="10">

 
    <script language="JavaScript" type="text/javascript">
var marqueeContent=new Array();
marqueeContent[0]="您有<%=a%>条待组包数据未处理";
marqueeContent[1]="您有<%=b%>条已组包待转账数据未处理";
marqueeContent[2]="您有<%=c%>条待复核数据未处理";
marqueeContent[3]="您有<%=d%>条退回待确认数据未处理";
var marqueeInterval=new Array();
var marqueeId=0;
var marqueeDelay=2000;
var marqueeHeight=20;
function initMarquee() {
 var str=marqueeContent[0];
 document.write('<div id="marqueeBox" style="overflow:hidden;width:250px;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 str=marqueeContent[marqueeId];
 marqueeId++;
 if(marqueeId>=marqueeContent.length) marqueeId=0;
 if(document.getElementById("marqueeBox").childNodes.length==1) {
 var nextLine=document.createElement('DIV');
 nextLine.innerHTML=str;
 document.getElementById("marqueeBox").appendChild(nextLine);
 }
 else {
  document.getElementById("marqueeBox").childNodes[0].innerHTML=str;
  document.getElementById("marqueeBox").appendChild(document.getElementById("marqueeBox").childNodes[0]);
  document.getElementById("marqueeBox").scrollTop=0;
 }
 clearInterval(marqueeInterval[1]);
 marqueeInterval[1]=setInterval("scrollMarquee()",20);
}
function scrollMarquee() {
 document.getElementById("marqueeBox").scrollTop++;
 if(document.getElementById("marqueeBox").scrollTop%marqueeHeight==(marqueeHeight-1)){
 clearInterval(marqueeInterval[1]);
 }
}
initMarquee();
</script>

</td>

<td align="right" valign="bottom">
<a href="javascript:collapse();"><img src="images/main/but_zoom.gif" width="17"
height="12" border="0" title="展开" />
</a>
</td>



</tr>


</table>
</td>
</tr>
</table>

</body></html>