js如何实现文字跑马灯效果-创新互联

这篇文章将为大家详细讲解有关js如何实现文字跑马灯效果，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

代码如下

  
  
  
  
  
    *{ margin:0; padding:0;}
    body{font:12px/1 '微软雅黑';}
    .wrapper{font-size: 0.85rem; color: #333; padding-top: 0.75rem; margin: 0 0.75rem; white-space: nowrap; overflow: hidden;width: 300px;}
    .inner{ width:1000px;overflow:hidden;}
    .inner p{ display:inline-block;}
  


  
    
      文字如果超出了宽度自动向左滚动文字如果超出了宽度自动向左滚动。