问题描述
想实现两行图片滚动显示，但是一行可以实现，同样的代码第二行就不动了不知道是为什么？<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><linkhref="css/reset.css"type="text/css"rel="stylesheet"/><linkhref="css/main.css"type="text/css"rel="stylesheet"/><scripttype="text/javascript"src="js/jquery-1.3.2.min.js"></script><scripttype="text/javascript"src="js/Choose.js"></script><title>首页--test</title></head><body><divid="wrapper"><divclass="clearfloat"></div><divclass="clearfloat"></div><!--供求信息栏目开始--><divclass="col_btm"><divclass="col_btm_tit"><span>供求信息</span><ul><liid="btmcol0"class="onbottom"onmousemove="setTab('btmcol',0,2)">外贸</li><liid="btmcol1"class="onbottom"onmousemove="setTab('btmcol',1,2)">内贸</li></ul></div><divid="con_btmcol_0"class="col_btm_con"><divclass="col_btm_subtit"><ul><liid="btmsub10"class="onsub"onmousemove="setTab('btmsub1',0,2)">出口</li><liid="btmsub11"onmousemove="setTab('btmsub1',1,2)">进口</li></ul></div><divclass="marquee"><divclass="marquee_left"><imgsrc="images/swf_leftPointer.jpg"width="13"height="93"onMouseOver="javascript:scrollToLeft();"/></div><divclass="marquee_right"><imgsrc="images/swf_rightPointer.jpg"width="13"height="93"onMouseOver="javascript:scrollToRight();"/></div><inputtype="hidden"name="marquee_type"id="marquee_type"value="left"/><divclass="marquee_middle"><divid="run"class="marquee_run"><table><tr><tdid="td1"><tableid="con_btmsub1_0"><tr><td><ahref="#"><imgsrc="images/swf_pic1.jpg"width="135"height="84"/></a></br><ahref="#">1</a></td><td><ahref="#"><imgsrc="images/swf_pic2.jpg"width="135"height="84"/></a></br><ahref="#">2</a></td><td><ahref="#"><imgsrc="images/swf_pic3.jpg"width="135"height="84"/></a></br><ahref="#">3</a></td><td><ahref="#"><imgsrc="images/swf_pic4.jpg"width="135"height="84"/></a></br><ahref="#">4</a></td><td><ahref="#"><imgsrc="images/swf_pic5.jpg"width="135"height="84"/></a></br><ahref="#">5</a></td><td><ahref="#"><imgsrc="images/swf_pic6.jpg"width="135"height="84"/></a></br><ahref="#">6</a></td></tr></table><tableid="con_btmsub1_1"style="display:none;"><tr><td><ahref="#"><imgsrc="images/swf_pic6.jpg"width="135"height="84"/></a></br><ahref="#">6</a></td><td><ahref="#"><imgsrc="images/swf_pic5.jpg"width="135"height="84"/></a></br><ahref="#">5</a></td><td><ahref="#"><imgsrc="images/swf_pic1.jpg"width="135"height="84"/></a></br><ahref="#">4</a></td><td><ahref="#"><imgsrc="images/swf_pic4.jpg"width="135"height="84"/></a></br><ahref="#">3</a></td><td><ahref="#"><imgsrc="images/swf_pic2.jpg"width="135"height="84"/></a></br><ahref="#">2</a></td><td><ahref="#"><imgsrc="images/swf_pic3.jpg"width="135"height="84"/></a></br><ahref="#">1</a></td></tr></table><tdid="td2"></td></td></tr></table></div></div></div></div><divid="con_btmcol_1"class="col_btm_con"><divclass="col_btm_subtit"><ul><liid="btmsub20"class="onsub"onmousemove="setTab('btmsub2',0,2)">求购</li><liid="btmsub21"onmousemove="setTab('btmsub2',1,2)">供应</li></ul></div></div><divclass="marquee"><divclass="marquee_left"><imgsrc="images/swf_leftPointer.jpg"width="13"height="93"onMouseOver="javascript:scrollToLeft();"/></div><divclass="marquee_right"><imgsrc="images/swf_rightPointer.jpg"width="13"height="93"onMouseOver="javascript:scrollToRight();"/></div><inputtype="hidden"name="marquee_type"id="marquee_type"value="left"/><divclass="marquee_middle"><divid="run"class="marquee_run"><table><tr><tdid="td3"><tableid="con_btmsub2_0"><tr><td><ahref="#"><imgsrc="images/swf_pic1.jpg"width="135"height="84"/></a></br><ahref="#">1</a></td><td><ahref="#"><imgsrc="images/swf_pic2.jpg"width="135"height="84"/></a></br><ahref="#">2</a></td><td><ahref="#"><imgsrc="images/swf_pic3.jpg"width="135"height="84"/></a></br><ahref="#">3</a></td><td><ahref="#"><imgsrc="images/swf_pic4.jpg"width="135"height="84"/></a></br><ahref="#">4</a></td><td><ahref="#"><imgsrc="images/swf_pic5.jpg"width="135"height="84"/></a></br><ahref="#">5</a></td><td><ahref="#"><imgsrc="images/swf_pic6.jpg"width="135"height="84"/></a></br><ahref="#">6</a></td></tr></table><tableid="con_btmsub2_1"style="display:none;"><tr><td><ahref="#"><imgsrc="images/swf_pic1.jpg"width="135"height="84"/></a></br><ahref="#">1</a></td><td><ahref="#"><imgsrc="images/swf_pic2.jpg"width="135"height="84"/></a></br><ahref="#">2</a></td><td><ahref="#"><imgsrc="images/swf_pic3.jpg"width="135"height="84"/></a></br><ahref="#">3</a></td><td><ahref="#"><imgsrc="images/swf_pic4.jpg"width="135"height="84"/></a></br><ahref="#">4</a></td><td><ahref="#"><imgsrc="images/swf_pic5.jpg"width="135"height="84"/></a></br><ahref="#">5</a></td><td><ahref="#"><imgsrc="images/swf_pic6.jpg"width="135"height="84"/></a></br><ahref="#">6</a></td></tr></table><tdid="td4"></td></td></tr></table></div></div></div></div><!--供求信息栏目结束--></div><!--内容结束--><!--尾部开始--><divid="footer"><divclass="clearfloat"></div></div></div><scripttype="text/javascript">varsh;varmarquee_type=document.getElementById("marquee_type").value;varlk1=document.getElementById("td1","td3");varlk2=document.getElementById("td2","td4");varmarquee_run=document.getElementById("run");varspeed=30;functionscrollToLeft(){clearInterval(sh);marquee_type="left";lk2.innerHTML=lk1.innerHTML;functionMarquee1(){if(lk2.offsetWidth-marquee_run.scrollLeft<=0)marquee_run.scrollLeft-=lk1.offsetWidth;else{marquee_run.scrollLeft++;}}sh=setInterval(Marquee1,speed);}functionscrollToRight(){clearInterval(sh);marquee_type="right";functionMarquee2(){if(marquee_run.scrollLeft<=0)marquee_run.scrollLeft+=lk1.offsetWidth;else{marquee_run.scrollLeft--;}}sh=setInterval(Marquee2,speed);}marquee_run.onmouseover=function(){clearInterval(sh);}marquee_run.onmouseout=function(){if(marquee_type=="left"){scrollToLeft();}elseif(marquee_type=="right"){scrollToRight();}}</script></body></html>
解决方案
解决方案二：
会不会代码贴的太多了不好看？可我不知道哪个有用哪个没用~~~
解决方案三：
Choose.js？发上来
解决方案四：
引用1楼eagletiger的回复:
会不会代码贴的太多了不好看？可我不知道哪个有用哪个没用~~~
的确。。你可以自己学着去慢慢DEBUG。。。
解决方案五：
我已经慢慢debug很久了，求点睛~