JavaScript-水平列表动画故障（IE8）

因此，当我尝试此代码时：

function doMove() {
   var left = $('#navContainer').css('margin-left');
   left = parseInt(left) + 1;
   $('#navContainer').css('margin-left', left + 'px'); // show frame
   setTimeout(doMove,20); // call doMove() in 20 msec
}

关于这一点：

#navlist li
{
   display: inline;
   list-style-type: none;
   padding-right: 0px;
   padding-left: 0px;
   margin-right: -2px;
   margin-left: -2px;
}

<div class="floatIt" id="smallNavContainer">
   <div id="navContainer">
      <ul id="navlist">
         <li><a><img id="btn9" src="xxx.png" alt="???"/></a></li>
         <li><a><img id="btn10" src="xxx.png" alt="???"/></a></li>
         <li><a><img id="btn11" src="xxx.png" alt="???"/></a></li>
         <li><a><img id="btn1" src="xxx.png" alt="???"/></a></li>
         <li><a><img id="btn2" src="xxx.png" alt="???"/></a></li>
         <li><a><img id="btn3"  src="xxx.png" alt="???"/></a></li>
         <li><a><img id="btn4" src="xxx.png" alt="???"/></a></li>
         <li><a><img id="btn5" src="xxx.png" alt="???"/></a></li>
         <li><a><img id="btn6" src="xxx.png" alt="???"/></a></li>
         <li><a><img id="btn7" src="xxx.png" alt="???"/></a></li>
         <li><a><img id="btn8" src="xxx.png" alt="???"/></a></li>
      </ul>
   </div>
</div>

#导航列表li
{
显示：内联；
列表样式类型：无；
右边填充：0px；
左侧填充：0px；
右边距：-2px；
左边距：-2px；
}



在IE8下，它会跳转到chrome下，图像会过早消失
可能是因为你设置了边距动画。在我看来，如果使用两个嵌套的div容器并设置位置样式属性（如“顶部”和“左侧”）的动画，则动画更直观，效果更好

外部具有定义的宽度和高度，将溢出设置为隐藏，其位置不得为静态。内部（也不是静态定位的）是您设置动画的，通常使用“顶部”和“左侧”属性。这个内部div可以是各种html的容器，这些html都可以设置动画

祝你好运…
你不能使用jQuery.animate（）吗？我在使用jQuery animate时也遇到了同样的问题。在IE8下，它跳转到chrome下，图像就这样过早地消失了。最初我用左边距来偏移内部div，所以左边距对我不起作用，我开始用左边距制作动画，因为我认为它不会有什么不同。。。的确如此。谢谢你抓住我的骨头。