网站首页图片滚动显示的实现

Question

问题是这样的，我现在要在网站首页上滚动显示一些相片，这些相片是从数据库中提取出来的。请问下要怎么实现？我要实现的具体代码。

Answer 1

<div id="demo" style="overflow: hidden;height: 222px;width: 205px">
  <div id=demo1 class="div_left_01">
  <ul style="margin-left:5px; width:205px" >

 <%//公告
infoNum = 0;
NewsType = "AJ1101";
infoWhere = "eid = '"+NewsType+"' order by udate desc";
infoIt = info.selectPage(conn,1,8,infoWhere).iterator();
while(infoIt!=null && infoIt!=null && infoIt.hasNext()){
info = (NewsListView)infoIt.next();
infoNum ++;
%>
  <li><img src="images/voice.gif" width="15" height="12"><a href="infoView.jsp?infoID=<%=info.getNID()%>" target="_blank"><%=info.getTITLE()%><%out.println(tool.Shownew(info.getUDATE(),7));%></a></li>
<%
}
    if(infoNum==0)out.println("<li>暂无公告信息!</li>");
infoIt = null;
    %>
 </ul>
  </div>
 <div id=demo2 style="height:0px"></div>
 </div>
  <!--不间断滚动通知代码-->
  <SCRIPT language="javascript">
             var speed=50;
             demo2.innerHTML=demo1.innerHTML;
             function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0){
demo.scrollTop-=demo1.offsetHeight;
}
else{
demo.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.onmouseover=function() {clearInterval(MyMar)};
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
         </SCRIPT>