js错误 marquePic2未定义

js图片循环滚动代码如下
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" content="爱JavaScript中文网 http://www.ijavascript.cn/" />
<meta name="description" content="图片循环滚动代码，分享个人的JavaScript学习经历,做最好的JavaScript资料分享站点" />
<meta content="图片循环滚动代码,爱JavaScript中文网" name="keywords" />
<title>图片循环滚动代码演示 - 爱JavaScript中文网</title>
<style type="text/css">

<div class="brandboxs blank">
<div class="brandsL">

    {if $smarty.foreach.brand_foreach.index <= 6}
      
<a href="{$brand.url}"><img src="data/brandlogo/{$brand.brand_logo}" alt="{$brand.brand_name|escape:html} ({$brand.goods_num})" /></a>
      
        <a href="{$brand.url}" class="brandtxt">{$brand.brand_name|escape:html} {if $brand.goods_num}({$brand.goods_num}){/if}</a>
      
    {/if}
   
<a href="../brand.php" class="brandMore">全部品牌</a>
</div>
</div>

----------------------------------------------------
现在我加上js效果的lbi文件如下
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<script type=text/javascript>
var speed=30
marquePic2.innerHTML=marquePic1.innerHTML
function Marquee(){
if(demo.scrollLeft>=marquePic1.scrollWidth){
demo.scrollLeft=0
}
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script> 
<div class="brandboxs blank">

<div class="brandsL" id=demo style="OVERFLOW: hidden; WIDTH: 690px; align: center">
            

            <div id="marquePic1">
              
                      {if $smarty.foreach.brand_foreach.index <= 16}
                            <a href="{$brand.url}">
                            <img src="data/brandlogo/{$brand.brand_logo}" alt="{$brand.brand_name|escape:html} ({$brand.goods_num})" /></a>
                      </div>
              
                      <div id="marquePic1">
                        <a href="{$brand.url}" class="brandtxt">{$brand.brand_name|escape:html} {if $brand.goods_num}({$brand.goods_num}){/if}</a>
                       </div>
              

            {/if}
            <div id="marquePic2" valign="top"></div>
           
<a href="../brand.php" class="brandMore">全部品牌</a>
</div>
</div>
加上js效果后图片不循环移动并且报的错，请大侠指点一下，万分感谢！

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

这个代码似乎到处可见。。
你要把程序套在他的里面吧。
他里面里marque1,marque2都是td
你也跟他一样试试吧。
比较出来的html 。
检查id 。
tcwsyt.
td换成div不行？？？
zell419
什么意思？，i的对呀
td 和div能随便换啊？不知道多少样式js和td有关呢？
要换也有研究明白了才换的
<div id="marquePic1">
  
  {if $smarty.foreach.brand_foreach.index <= 16}
  <a href="{$brand.url}">
  <img src="data/brandlogo/{$brand.brand_logo}" alt="{$brand.brand_name|escape:html} ({$brand.goods_num})" /></a>
  </div>
  
  <div id="marquePic1">你这里作为ID的marquePic1都重复了。建议你不要自己改了，直接找个DIV的例子拿来用。
我印象中td 和div 都只是设计，没啥区别吧？
if else的关系不重复，div的例子我没找到。
　演示地址:http://www.popub.net/script/MSClass.html
　下载地址:http://www.popub.net/script/MSClass.js
我又从网上找了一个如下
<!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=utf-8" />
<title>无标题文档</title>
</head><body><style type="text/css">

</style>
向左滚动
<div id="demo">
    <div id="indemo">
        <div id="demo1">
            <a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
            <a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
            <a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
            <a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
            <a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
            <a href="#"><img src="http://www.cnrui.cn/other/link/Clear_logo.gif" border="0" /></a>
        </div>
    <div id="demo2"></div>
</div>
</div><script>

</script>
</body>
</html>
-------------------
我嵌套进去后
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<script>
var speed=10; //数字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</script>
<div id="demo" class="brandboxs blank">
<div id="indemo" class="brandsL">


            {if $smarty.foreach.brand_foreach.index <= 6}
              
                <div id="demo1">
                    <a href="{$brand.url}"><img src="data/brandlogo/{$brand.brand_logo}" alt="{$brand.brand_name|escape:html} ({$brand.goods_num})" /></a>
                </div>
              
              <div id="demo1">
                <a href="{$brand.url}" class="brandtxt">{$brand.brand_name|escape:html} {if $brand.goods_num}({$brand.goods_num}){/if}</a>
                </div>
              
            {/if}
    
   <div id="demo2">123456</div>
<a href="../brand.php" class="brandMore">全部品牌</a>
</div>
</div>

可是还是不行呀，报的错是tab2为空或不是对象，