动态数据(纯图片显示)的上下滚动，100高分求教

就是象这页的效果一样http://topic.csdn.net/t/20050929/10/4301414.html
但是我需要的不是一张图片一行的显示，我是好几张图片在一行的显示，而且这个图片是动态取出来的。。这个效果怎么作啊

解决方案 »

  1.   

    干嘛用js做
    你用什么语言写
    asp代码有的是
    jsp的我也有
    就是没php的
    php的不怎么通
    但是原理都一样
      

  2.   

    测试通过:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head><body>
    <div id="mq" style="width:100%;height:100px;padding:0px;margin:1px;overflow:hidden;" onmouseover="iScrollAmount=0" onmouseout="iScrollAmount=2">
    <table align=center width=100% cellpadding=0 cellspacing=0 border=0>
     <tr>
       <td align="center" height="100"><img src="1.jpg" width="100" height="75"><br>xxxx</a></td>
       <td align="center" height="100"><img src="1.jpg" width="100" height="75"><br>xxxx</a></td>
       <td align="center" height="100"><img src="1.jpg" width="100" height="75"><br>xxxx</a></td>
       <td align="center" height="100"><img src="1.jpg" width="100" height="75"><br>xxxx</a></td>
       <td align="center" height="100"><img src="1.jpg" width="100" height="75"><br>xxxx</a></td>
       <td align="center" height="100"><img src="1.jpg" width="100" height="75"><br>xxxx</a></td>
     </tr>
     <tr>
       <td align="center" height="100"><img src="1.jpg" width="100" height="75"><br>xxxx</a></td>
       <td align="center" height="100"><img src="1.jpg" width="100" height="75"><br>xxxx</a></td>
       <td align="center" height="100"><img src="1.jpg" width="100" height="75"><br>xxxx</a></td>
       <td align="center" height="100"><img src="1.jpg" width="100" height="75"><br>xxxx</a></td>
       <td align="center" height="100"><img src="1.jpg" width="100" height="75"><br>xxxx</a></td>
       <td align="center" height="100"><img src="1.jpg" width="100" height="75"><br>xxxx</a></td>
     </tr>
    </table>
    </div>
    <script language="javascript">
    var oMarquee = document.getElementById("mq"); //滚动对象
    var iLineHeight = 100; //单行高度，像素
    var iLineCount = 3; //总行数，像素
    var iScrollCount = Math.round(oMarquee.clientHeight/iLineHeight); //滚动显示行数
    var iScrollHeight = ( iLineCount + iScrollCount ) * iLineHeight; //总高度
    var iScrollAmount = 2; //每次滚动高度，像素
    oMarquee.innerHTML += oMarquee.innerHTML;
    function run()
    {
    oMarquee.scrollTop += iScrollAmount;
    if(oMarquee.scrollTop == iScrollHeight) oMarquee.scrollTop = iLineHeight * iScrollCount;
    if(oMarquee.scrollTop % iLineHeight == 0) window.setTimeout( "run()", 5000);
    else window.setTimeout( "run()", 10);
    }
    window.setTimeout( "run()", 1000 );
    </script>
    </body>
    </html>
      

  3.   

    这里总行数与表格行数一致就行了.var iLineCount = 2; //总行数，像素