一、逐条显示 <HTML> <HEAD> <title>交通部公路信息服务网</title> <mce:script type="text/javascript"><!-- var rpath = ''; var hostInfo = "#hostInfo#"; function stop(){ return false; } document.οncοntextmenu=stop; // --></mce:script> <mce:style type="text/css"><!-- #IssueList { margin:0px 0px; padding: 0; list-style: none; height: 30px; width:680px; overflow:hidden; background-color:#ffffff; color:#FFFFFF; } #IssueList li { height: 30px; font-size:15px; line-height: 30px; } #IssueList img { border:0px #FF0000 solid; } --></mce:style><style type="text/css" mce_bogus="1"> #IssueList { margin:0px 0px; padding: 0; list-style: none; height: 30px; width:680px; overflow:hidden; background-color:#ffffff; color:#FFFFFF; } #IssueList li { height: 30px; font-size:15px; line-height: 30px; } #IssueList img { border:0px #FF0000 solid; } </style> </HEAD> <body bottomMargin="0" leftMargin="0" topMargin="0" rightMargin="0"> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <ul id="IssueList"><li><A href="/CsckManageAction/announcementInformationAction.do?infoId=8a81819f28852a7001288636cb44086c" mce_href="CsckManageAction/announcementInformationAction.do?infoId=8a81819f28852a7001288636cb44086c" target="_blank" title="上海世博会公路出行专题现已开通" class=roadlink><b><font color=red>【公告】上海世博会公路出行专题现已开通 [2010-05-11]</font></b></A></li><li><A href="/CsckManageAction/announcementInformationAction.do?infoId=8a81819f268bb33701268bb671be03ef" mce_href="CsckManageAction/announcementInformationAction.do?infoId=8a81819f268bb33701268bb671be03ef" target="_blank" title="中国公路信息服务网全新改版" class=roadlink><b><font color=red>【公告】中国公路信息服务网全新改版 [2010-02-05]</font></b></A></li><li><a href="/roadmanage/InvestigateTableAction/InvestigateTablePlatForm.do" mce_href="roadmanage/InvestigateTableAction/InvestigateTablePlatForm.do" target="_blank"><font color=red><b>【公告】欢迎填写《网站满意度调查》(点击),目前共有645位用户提交调查表。</b></font></a></li></ul> <mce:script type="text/javascript"><!-- (function(ul, delay, speed, lineHeight) { var slideBox = (typeof ul == 'string')?document.getElementById(ul):ul; var delay = delay||1000; var speed=speed||20; var lineHeight = lineHeight||20; var tid = null, pause = false; var start = function() { tid=setInterval(slide, speed); } var slide = function() { if (pause) return; slideBox.scrollTop += 2; if (slideBox.scrollTop % lineHeight == 0) { clearInterval(tid); slideBox.appendChild(slideBox.getElementsByTagName('li')[0]); slideBox.scrollTop = 0; setTimeout(start, delay); } } slideBox.οnmοuseοver=function(){pause=true;} slideBox.οnmοuseοut=function(){pause=false;} setTimeout(start, 5000); })('IssueList', 4000, 2, 30);//停留时间,相对速度(越小越快),每次滚动多少,最好和Li的Line-height一致。 // --></mce:script> </td> </tr> </table> <div style="display:none" mce_style="display:none">2010-05-24</div><!-- 更新数据时间 --> </body> </HTML> 二、连续滚动 <MARQUEE id="MAR" οnmοuseοver="this.stop();" οnmοuseοut="this.start();" scrollAmount="1" scrollDelay="1" direction="up" width="90%" height="52" style="padding: 22px 0pt;color: #000000" mce_style="padding: 22px 0pt;color: #000000"> <% int j1=5; for(int i = 1; i <=j1; i++) { if(resultV.size()>i){ Hashtable tmpH = (Hashtable) resultV.elementAt(i); if(tmpH.get("事件等级").toString().equals("特大")){ %> <span class="blue14c">·</span><A href="javascript:_show('<%=tmpH.get(" mce_href="javascript:_show('<%=tmpH.get("编号").toString() %>')" title="<%=tmpH.get("区域名称").toString()+"("+tmpH.get("路段名称").toString()+")"+tmpH.get("方向描述").toString()+"——"+tmpH.get("监控点名称").toString()+"进行"+tmpH.get("事件等级").toString()+tmpH.get("养护类型").toString()+"预计在 "+tmpH.get("预计结束时间").toString()+"完成 ("+tmpH.get("开始时间").toString()+")"%>。"><%=tmpH.get("区域名称").toString()+"("+tmpH.get("路段名称").toString()+")"+tmpH.get("方向描述").toString()+"——"+tmpH.get("监控点名称").toString()+"进行"+tmpH.get("事件等级").toString()+tmpH.get("养护类型").toString()+"预计在 "+tmpH.get("预计结束时间").toString()+"完成 ("+tmpH.get("开始时间").toString()+")"%>。</A><br> <% } else { j1=j1+1; } } else {break;} } %> </MARQUEE>