特效

<!--辦件進度信息-->
<DIV class=rightpagebox style="height: 300px">
<DIV class=bigtitle>
<H4 style="LETTER-SPACING: 1px">辦件進度查詢</H4></DIV>
<DIV class=casetable>
<TABLE>
  <TR>
    <TH width=160></TH>
    <TH width=198></TH>
    <TH width=95></TH>
    <TH width=170></TH>
    <TH style="BORDER-RIGHT-STYLE: none" width=96>期限</TH>
    </TR>
    </TABLE>
<div id="gg_c">
<div id="gg1">
<TABLE id="tab1">  
  
</TABLE>
 </div>
</div>
<script type="text/javascript">
    goUP("gg_c","gg1");
</script>
<DIV style="OVERFLOW: hidden; COLOR: #333; HEIGHT: 430px">
<TABLE id=rollTable>
<TBODY></TBODY></TABLE></DIV></DIV>
</DIV>

 

<style type="text/css">
#gg_c{
  height:340px;
  widows:inherit;
  overflow:hidden;
  text-indent:20px;
  font-size:12px;
  line-height:24px;

}
#gg_d{
  height:100px;
  widows:inherit;
  overflow:hidden;
  text-indent:20px;
  font-size:12px;
  line-height:24px;

}
</style>
<script language="javascript">
function goUP(area,part1){
   var news=document.getElementById(area);
   var p1=document.getElementById(part1);
   var newsT=0;
  
 news.onmouseover=function(){
  clearInterval(newsT);
   }
   news.onmouseout=function(){
  newsT=window.setInterval(function(){upAndUp(news)},50);
   }
   newsT=window.setInterval(function(){upAndUp(news)},50);
}
</script>
<script language="javascript">
function goUPtwo(area,part1){
   var news=document.getElementById(area);
   var p1=document.getElementById(part1);
   var newsT=0;
  
 news.onmouseover=function(){
  clearInterval(newsT);
   }
   news.onmouseout=function(){
  newsT=window.setInterval(function(){upAndUp(news)},50);
   }
   newsT=window.setInterval(function(){upAndUp(news)},50);
}
</script>

 

 

function listshowdate()
{
 //alert($("#tab1 tr").size());
 $("#tab1").empty();
 $("#tab2").empty();
 $.post("replyMsag",function(data){
       var str=data.split("|");
       var arr1=$.parseJSON(str[0]);
       var arr2=$.parseJSON(str[1]);
       for(var i=0;i<arr1.length;i++){
        var html="<tr><td width=130 align='center' bgcolor='#EEEEEE'>"+arr1[i].idOrder+"</td>" +
          "<td width=200 align='center' bgcolor='#EEEEEE'>"+arr1[i].itemName+"</td>" +
             "<td width=100 align='center' bgcolor='#EEEEEE'>"+(arr1[i].audClstate=='待審覈'?'受理':arr1[i].audClstate)+"</td>" +
             "<td width=180 align='center' bgcolor='#EEEEEE'>"+arr1[i].endTiem+"</td>" +
             "<td width=100 align='center' bgcolor='#EEEEEE' class='right-text09'>"+arr1[i].clstate+"</td>" +
             "</tr>";
        $("#tab1").append($(html));
       }
      
       for(var i=0;i<arr2.length;i++){
        var html="<tr><td width=130 align='center' bgcolor='#EEEEEE'>"+arr2[i].idOrder+"</td>" +
          "<td width=350 align='center' bgcolor='#EEEEEE'>"+arr2[i].itemName+"</td>" +
             "<td width=125  align='center' bgcolor='#EEEEEE'>"+arr2[i].audClstate+"</td>" +
             "<td width=170 align='center' bgcolor='#EEEEEE' class='right-text09'>"+arr2[i].audRemark+"</td>" +
             "</tr>";
        $("#tab2").append($(html));
       }
 });
}

$(function(){
 setInterval(listshowdate,60000);
});