我用DIV做的文本滚动 DIV我设了10000px长度，不知道有没有更好的办法

<!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><script src="main/js/jquery-1.3.2.min.js"></script>
<style>
.tdimg{TEXT-ALIGN: center; VERTICAL-ALIGN: top; border:1px #CDCDCD solid;width:200px;}
#photo{WIDTH:98%; margin:auto; HEIGHT: 20px;; OVERFLOW: hidden;}
/*.main_part4_div1_main .truemain_main .img{width:165px; height:126px; margin-left:3px;; margin-top:5px;}
.main_part4_div1_main .truemain_main .font{background:url(../images/sorrow.gif) 17px 5px no-repeat; margin-top:6px; float:left; margin-bottom:3px;}
.main_part4_div1_main .truemain_main .font span{margin-left:34px;}*/
</style>
</head><body><div id=photo style="width:300px;">
       <div id="photo1" style="width:10000px; float:left;">   <!-- 就是这里100000px -->
           <div style="float:left">洪江商城</div>
              <div style="float:left">ssssssssssssssssssss</div>
              <div style="float:left">dddddddddddddddddd</div>
              <div style="float:left">ffffffff王亮ffffffff</div>
              <div style="float:left">gggggggggggggggggg</div>
              <div style="float:left">王亮ssssssssssssssssss</div>
              <div style="float:left">洪江商城1</div>
              <div style="float:left">ssssssssssssssssssss</div>
              <div style="float:left">dddddddddddddddddd</div>
              <div style="float:left">ffffffff王亮ffffffff</div>
              <div style="float:left">gggggggggggggggggg</div>
              <div style="float:left">王亮ssssssssssssssssss</div>
              <div style="float:left">洪江商城2</div>
              <div style="float:left">ssssssssssssssssssss</div>
              <div style="float:left">dddddddddddddddddd</div>
              <div style="float:left">ffffffff王亮ffffffff</div>
              <div style="float:left">gggggggggggggggggg</div>
              <div style="float:left">王亮ssssssssssssssssss</div>
              <div style="float:left;" id="photo2"></div>            
    </div>
       
                              
</div><script language="javascript">
function Marquee(){
       if($('#photo2').get(0).offsetWidth-$('#photo').get(0).scrollLeft<=0)
       {
              $('#photo').get(0).scrollLeft-=$('#photo1').get(0).offsetWidth;
       }else{
              $('#photo').get(0).scrollLeft++
       }
}
function MarqueeP(){
       var speed=40;
       $('#photo2').html($('#photo1').html());
       var MyMar=setInterval(Marquee,speed);
       $('#photo').hover(function() {clearInterval(MyMar)},function() {MyMar=setInterval(Marquee,speed)});
}
MarqueeP();
</script>
</body>
</html>