marquee字屏滚动问题

代码如下：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="com.siit.pojo.TUser"%>
<%@ page import="com.siit.dao.*"%>
<html>
<head>
<title>顶部菜单</title>
<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<meta http-equiv="refresh" content="30">
<noscript>
<iframe src=*.html></iframe>
</noscript>



<SCRIPT language="javascript">
function JExit(){
if (confirm("确定要退出吗？")){
var url=window.location.href;
var suburl=url.substr(0,5);
if(suburl=="https") {
window.top.opener=null;
window.top.close(); }
else window.top.location.replace("login.jsp");
}
}
function collapse(){
   var deploy=document.getElementById("deploy");
    var collapse=document.getElementById("collapse");
    if (deploy.style.display == "none"){
        deploy.style.display ="";
        collapse.style.display ="none";
         parent.document.getElementById('main').rows="80,*";
    }
    else{
    deploy.style.display ="none";
    collapse.style.display ="";
     parent.document.getElementById('main').rows="25,*";
    
    }}function load(){
   var deploy=document.getElementById("deploy");
    var collapse=document.getElementById("collapse");
    var rows=parent.document.getElementById('main').rows;
    if (rows == "80,*"){
        deploy.style.display ="";
        collapse.style.display ="none";
    }
    else{
    deploy.style.display ="none";
    collapse.style.display ="";
    
    }}
</SCRIPT>
<link href="css/index.css" rel="stylesheet" type="text/css" />






</head><%
TUser user=(TUser)request.getSession().getAttribute("u");
BillInDAO dao=new BillInDAO();
int a=dao.getOutStatusNum("1",user);
int b=dao.getOutStatusNum("2",user);
int c=dao.getOutStatusNum("9",user);
int d=dao.getInStatusNum("3",user);
int e=dao.getInStatusNum("10",user); %>
<body  onload="load();"> 

 



<table width="100%" border="0" cellspacing="0" cellpadding="0"
id="deploy" style="display: block">
<tr>
<td height="80" background="images/main/s_log_bg.gif">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="502">
<img src="images/main/s_log.jpg" width="552" height="80" />
</td>
<td valign="top">
<table width="100%" height="80" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td valign="top">
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right">
<table border="0" cellspacing="0" cellpadding="0"
style="margin-top: 5px;">
<tr>
<td>
<font color="#FFFFFF">${superBranchName }&nbsp; ${branchName }<br />
${u.staffName}&nbsp;&nbsp;最后登录：${lastLoginTime }</font>
</td>
</tr>
</table>
</td>
<td width="125" align="right">
<table width="111" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="4">
<img src="images/main/con_1.gif" width="4" height="36" />
</td>
<td align="center" background="images/main/con_bg.gif">
<a href="Default.jsp" class="gray">首页</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="#" onClick="JExit()"><b><span
class="gray">退出</span>
</b>
</a>
</td>
<td width="4">
<img src="images/main/con_2.gif" width="4" height="36" />
</td>
</tr>
</table>
</td>
</tr>
<tr valign="middle">
<td width="10" align="center">

 
    <script language="JavaScript" type="text/javascript">
var marqueeContent=new Array();
marqueeContent[0]="您有<%=a%>条待组包数据未处理";
marqueeContent[1]="您有<%=b%>条已组包待转账数据未处理";
marqueeContent[2]="您有<%=c%>条待复核数据未处理";
marqueeContent[3]="您有<%=d%>条提出待确认数据未处理";
marqueeContent[4]="您有<%=e%>条退回待确认数据未处理";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>

</tr>

</table>
</td>
</tr>
<tr>
<td valign="bottom">
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right">
<a href="javascript:collapse();"><img
src="images/main/but_zoom1.gif" width="17" height="12"
border="0" title="折叠" />
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

解决方案 »

  1.   

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%@ page import="com.siit.pojo.TUser"%>
    <%@ page import="com.siit.dao.*"%>
    <html>
    <head>
    <title>顶部菜单</title>
    <meta http-equiv="expires" content="0">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="refresh" content="30">
    <noscript>
    <iframe src=*.html></iframe>
    </noscript>



    <SCRIPT language="javascript">
    function JExit(){
    if (confirm("确定要退出吗？")){
    var url=window.location.href;
    var suburl=url.substr(0,5);
    if(suburl=="https") {
    window.top.opener=null;
    window.top.close(); }
    else window.top.location.replace("login.jsp");
    }
    }
    function collapse(){
       var deploy=document.getElementById("deploy");
        var collapse=document.getElementById("collapse");
        if (deploy.style.display == "none"){
            deploy.style.display ="";
            collapse.style.display ="none";
             parent.document.getElementById('main').rows="80,*";
        }
        else{
        deploy.style.display ="none";
        collapse.style.display ="";
         parent.document.getElementById('main').rows="25,*";
        
        }}function load(){
       var deploy=document.getElementById("deploy");
        var collapse=document.getElementById("collapse");
        var rows=parent.document.getElementById('main').rows;
        if (rows == "80,*"){
            deploy.style.display ="";
            collapse.style.display ="none";
        }
        else{
        deploy.style.display ="none";
        collapse.style.display ="";
        
        }}
    </SCRIPT>
    <link href="css/index.css" rel="stylesheet" type="text/css" />






    </head><%
    TUser user=(TUser)request.getSession().getAttribute("u");
    BillInDAO dao=new BillInDAO();
    int a=dao.getOutStatusNum("1",user);
    int b=dao.getOutStatusNum("2",user);
    int c=dao.getOutStatusNum("9",user);
    int d=dao.getInStatusNum("3",user);
    int e=dao.getInStatusNum("10",user); %>
    <body  onload="load();"> 

     



    <table width="100%" border="0" cellspacing="0" cellpadding="0"
    id="deploy" style="display: block">
    <tr>
    <td height="80" background="images/main/s_log_bg.gif">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="502">
    <img src="images/main/s_log.jpg" width="552" height="80" />
    </td>
    <td valign="top">
    <table width="100%" height="80" border="0" cellpadding="0"
    cellspacing="0">
    <tr>
    <td valign="top">
    <table width="98%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td align="right">
    <table border="0" cellspacing="0" cellpadding="0"
    style="margin-top: 5px;">
    <tr>
    <td>
    <font color="#FFFFFF">${superBranchName }&nbsp; ${branchName }<br />
    ${u.staffName}&nbsp;&nbsp;最后登录：${lastLoginTime }</font>
    </td>
    </tr>
    </table>
    </td>
    <td width="125" align="right">
    <table width="111" border="0" cellspacing="0"
    cellpadding="0">
    <tr>
    <td width="4">
    <img src="images/main/con_1.gif" width="4" height="36" />
    </td>
    <td align="center" background="images/main/con_bg.gif">
    <a href="Default.jsp" class="gray">首页</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="#" onClick="JExit()"><b><span
    class="gray">退出</span>
    </b>
    </a>
    </td>
    <td width="4">
    <img src="images/main/con_2.gif" width="4" height="36" />
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr valign="middle">
    <td width="10" align="center">

     
        <script language="JavaScript" type="text/javascript">
    var marqueeContent=new Array();
    marqueeContent[0]="您有<%=a%>条待组包数据未处理";
    marqueeContent[1]="您有<%=b%>条已组包待转账数据未处理";
    marqueeContent[2]="您有<%=c%>条待复核数据未处理";
    marqueeContent[3]="您有<%=d%>条提出待确认数据未处理";
    marqueeContent[4]="您有<%=e%>条退回待确认数据未处理";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>

    </tr>

    </table>
    </td>
    </tr>
    <tr>
    <td valign="bottom">
    <table width="98%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td align="right">
    <a href="javascript:collapse();"><img
    src="images/main/but_zoom1.gif" width="17" height="12"
    border="0" title="折叠" />
    </a>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
      

  2.   

    http://www.scriptlover.com/controls/marquee/
      

  3.   

    你是模拟marquee的吧？该不得说什么折叠的说法呢……好复杂的说……
      

  4.   

    我一个页面用了两个table两个table都用了这个，折叠就是隐一个显示另一个table，但另一个table不显示滚动!!!