轮播

Question

<div class="indexPart indexProduct" align="center">
    <div class="title"><span>产品展示&nbsp;&nbsp;/&nbsp;&nbsp;Products Show&nbsp;&nbsp;&nbsp;&nbsp;打造金牌的包装，制作华丽的衣裳！！</span><a href="chanpinzhanshi.aspx?id=1">more</a></div>
    <div class="content">      <div id="demo00">
        <div id="indemo">
          <div id="yejin1">
            <div id="pro-1">
              <div id="list1-pic"><img src="themes/default/skin/1.jpg" width="142" height="104" /></div>
              <div class="txt">高强纤维塑性复合板/蓝</div>
            </div>
            <div id="pro-1">              <div id="list1-pic"><img src="themes/default/skin/indexPro1.jpg" width="142" height="104" /></div>
              <div class="txt">高强纤维塑性复合板/橘红</div>
            </div>
            <div id="pro-1">
              <div id="list1-pic"><img src="themes/default/skin/2.jpg" width="142" height="104" /></div>
              <div class="txt">高强纤维塑性复合板/银灰</div>
            </div>
            <div id="pro-1">              <div id="list1-pic"><img src="themes/default/skin/1.jpg" width="142" height="104" /></div>
              <div class="txt">高强纤维塑性复合板/蓝</div>
            </div>
            <div id="pro-1">
              <div id="list1-pic"><img src="themes/default/skin/indexPro1.jpg" width="142" height="104" /></div>
              <div class="txt">高强纤维塑性复合板/橘红</div>
            </div>
            <div id="pro-1">              <div id="list1-pic"><img src="themes/default/skin/2.jpg" width="142" height="104" /></div>
              <div class="txt">高强纤维塑性复合板/银灰</div>
            </div>
          </div>
          <div id="yejin2"></div>
        </div>
      </div>
      <script><!--
          var speed0 = 50; //数字越大速度越慢
          var tab0 = document.getElementById("demo00");
          var tab10 = document.getElementById("yejin1");
          var tab20 = document.getElementById("yejin2");
          tab20.innerHTML = tab10.innerHTML;
          function Marquee0() {
              if (tab20.offsetWidth - tab0.scrollLeft <= 0)
                  tab0.scrollLeft -= tab10.offsetWidth
              else {
                  tab0.scrollLeft++;
              }
          }
          var MyMar0 = setInterval(Marquee0, speed0);
          tab0.onmouseover = function () { clearInterval(MyMar0) };
          tab0.onmouseout = function () { MyMar0 = setInterval(Marquee0, speed0) };
--></script> 
    </div>
  </div>从后台反映到前台这段轮播怎么改  

Answer 1

<div id="demo" style="OVERFLOW: hidden; WIDTH:98%; HEIGHT: 98%" align="center">
  <table cellspacing="0" cellpadding="0" align="left" border="0" >
  <tbody>
  <tr>
  <td id="demo1" valign="top">
    <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
     <tr>
    <td><%=imageUrl %>/<td>
    </tr>
    </table>     </td> 
  <td id="demo2" valign="top"></td></tr></tbody>
  </table>
  <script type="text/javascript">
        var speed=1
        demo2.innerHTML=demo1.innerHTML
        function Marquee(){
        if(demo2.offsetWidth-demo.scrollLeft<=0)
        demo.scrollLeft-=demo1.offsetWidth
        else{
        demo.scrollLeft++
        }
        }
        var MyMar=setInterval(Marquee,speed)
        demo.onmouseover=function() {clearInterval(MyMar)}
        demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
</div>    红色部分是在后面拼接好的图片串

Answer 2

<div id="demo" style="OVERFLOW: hidden; WIDTH:98%; HEIGHT: 98%" align="center">
  <table cellspacing="0" cellpadding="0" align="left" border="0" >
  <tbody>
  <tr>
  <td id="demo1" valign="top">
    <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
     <tr>
    <td><%=imageUrl %></td>
    </tr>
    </table>     </td> 
  <td id="demo2" valign="top"></td></tr></tbody>
  </table>
  <script type="text/javascript">
        var speed=1
        demo2.innerHTML=demo1.innerHTML
        function Marquee(){
        if(demo2.offsetWidth-demo.scrollLeft<=0)
        demo.scrollLeft-=demo1.offsetWidth
        else{
        demo.scrollLeft++
        }
        }
        var MyMar=setInterval(Marquee,speed)
        demo.onmouseover=function() {clearInterval(MyMar)}
        demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
</div>