js如何实现文字跑马灯效果

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

创新互联专注于企业营销型网站建设、网站重做改版、东乃网站定制设计、自适应品牌网站建设、H5高端网站建设、商城建设、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为东乃等各大城市提供网站开发制作服务。

代码如下

  
  
  
  
  
    *{ 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;}
  


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