javascript - 从左到右依次滚动列表标签内容

Question

我需要平滑的文本滚动条，比如自动收报机，其中文本会顺畅地从左到右滚动一个接一个，还需要悬停效果来停止动画。我尝试使用 jQuery 但不太明白。

      <ul id="ticker">
          <li>this is first title</li>
          <li>this is second title</li>
          <li>this is third title</li>
          <li>this is fourth title</li>
          <li>this is fifth title</li>
      </ul> 

Answer 1

您必须将 ul 和 li 元素包裹在选取框内，然后执行以下操作:

<marquee behavior="scroll" scrollamount="3" direction="left" 
    onmouseover="this.stop();" onmouseout="this.start();">
       <ul id="ticker">
          this is first title    
          this is second title
          this is third title
          this is fourth title
          this is fifth title
      </ul> 
</marquee>

CSS

marquee {
    text-indent:-100px;
    width:450px;
}

Here是 jsfiddle 中的一个工作示例