一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

js实现文字跑马灯效果

时间:2017-04-27 编辑:简简单单 来源:一聚教程网

本示例将实现文字跑马灯效果:文字超过显示宽度每间隔1s自动向左滚动显示,话不多说,请看代码

 

 代码如下 复制代码

  

  

  

  js实现文字超过显示宽度每间隔1s自动向左滚动显示

  

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

  

  

    

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

    

  

 

热门栏目