為什么不能向左移動，我在想會不會是我的圖片都沒有在一行的關(guān)系，求大神指點
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
?? ?*{margin: 0;padding: 0}
?? ?#box{width: 100%;height: 512px;border: 1px solid red;overflow: hidden;margin: 0 auto;margin-top: 50px;}
?? ?#box li{float: left;list-style: none;margin: 0 10px;}
</style>
</head>
<body>
<div id="box">
?? ?<ul id="box_00">
?? ??? ?<li><img src="1.jpg"></li>
?? ??? ?<li><img src="2.jpg"></li>
?? ??? ?<li><img src="3.jpg"></li>
?? ??? ?<li><img src="4.jpg"></li>
?? ??? ?<li><img src="5.jpg"></li>
?? ??? ?<li><img src="6.jpg"></li>
?? ??? ?<li><img src="7.jpg"></li>
?? ??? ?<li><img src="8.jpg"></li>
?? ??? ?<li><img src="9.jpg"></li>
?? ??? ?<li><img src="10.jpg"></li>
?? ??? ?<li><img src="11.jpg"></li>
?? ??? ?<li><img src="12.jpg"></li>
?? ?</ul>
?? ?<ul id="box_01"></ul>
</div>
<script type="text/javascript">
?? ?var mybox = document.getElementById("box");
?? ?var mybox00 = document.getElementById("box_00");
?? ?var mybox01 = document.getElementById("box_01");
?? ?var speed = 50;
?? ?mybox.scrollLeft = 0;
?? ?mybox01.innerHTML = mybox00.innerHTML;
?? ?function move(){
?? ??? ?if(mybox.scrollLeft> = mybox.offsetWidth){
?? ??? ??? ?mybox.scrollLeft = 0;
?? ??? ?}else{
?? ??? ??? ?mybox.scrollTLeft++;
?? ??? ?}
?? ?}
?? ?var mymove = setInterval('move()',speed);
</script>
</body>
2015-09-29
剛才測試你貼出的代碼，發(fā)現(xiàn)至少還有以下兩處錯誤，而且從你回復的信息可以肯定你是不了解向左移動的原理。
你的代碼中 mybox.scrollTLeft++;??? 加粗部分書寫錯誤。應為scrollLeft；
mybox.scrollLeft> = mybox.offsetWidth 改為 >= 符號之間沒有空格
#box是定義的容器，ul才是放實際的內(nèi)容，因此你的#box寬100%（差不多是瀏覽器寬度），因此你需要設定ul寬度大于瀏覽器寬度。而現(xiàn)在任何一個普通顯示器寬度肯定都大于1000px,所以不要再設ul寬為1000px了。
總之，你需要改正1，2，增加一個樣式 ul{width:10000px;} （此值需要大于你#box的寬度即可）。然后就ok了，需要耐心細心.
2016-11-26
你把ul設成100000px也沒有用， 因為兩個UL根本不在同一行， 你設置的這個長度走完以后， 還是會停下來。
要解決的辦法是， 如何讓兩個ul可以在一行
2015-09-29
樣式問題：#box{width:100%} 從整個代碼分析，你這樣寫scrollLeft就根本不會出現(xiàn)正值，它一直是0；
使用scrollLeft或scrollTop必須把實際的內(nèi)容弄得多于定義的容器的width和height.