jQuery的横向滑动像跑马灯

Question

JQUERY

 $(document).ready(function(){ 
      var wi = 0; 
      window.setInterval(function() { 
       wi += 15; 
      $(".students-holder").animate({"position": "relative","left": wi}); 
      }, 1); 
     }) 

CSS

.students{ 
background: #262525; 
width: 860px; 
height: 54px; 
padding: 0 5px; 
position:relative; 
overflow:hidden;} 

.students-holder{ 
min-width:2000px; 
position:absolute; 
left:-50px;} 

.inline-image{ 
display:inline-block;} 

HTML

<div class="students"> 
<div class="students-holder"> 
    <img class="inline-image" src="https://graph.facebook.com/mardhagz/picture"/> 
    <img class="inline-image" src="https://graph.facebook.com/mardhagz/picture"/> 
    <img class="inline-image" src="https://graph.facebook.com/mardhagz/picture"/> 
    <img class="inline-image" src="https://graph.facebook.com/mardhagz/picture"/> 
</div></div> 

DEMO LINK http://jsfiddle.net/2vCNR/

有：/人知道像大门罩方向向左？如果鼠标悬停将停止（）; mouseout run（）; ：/请帮助...

Answer 1

使用这个jQuery：

$(document).ready(function(){ 
     var wi = 0; 
     window.setInterval(function() { 
      wi -= 5; 
     $(".students-holder").animate({"position": "relative","left": wi}); 
     }, 1); 
    })