js实现文字滚动效果

家电修理 2023-07-16 19:17www.caominkang.com电器维修

本文实例为大家讲解了js实现文字滚动的具体代码,供大家参考,具体内容如下

先看一下大致效果图,因为是动态的,在页面无法显示出来。

具体的实现代码如下

1.是css代码


body,ul,li,a,p,div{padding:0px; margin:0px; font-size:14px;}
ul,li{list-style:none;}
a{ text-decoration:none; color:#333;}
 #demo{
  overflo:hidden; 
  idth:290px;
  height:228px;
  padding:5px;
  margin:50px auto;
  }
#express li{
   list-style:none;
   font-size:14px;
   height:25px;
   margin:0px 5px;
   line-height:180%;
   letter-spacing:2px;
   border-bottom:1px dashed #c;
   cursor:pointer;
   }

2.内容代码如下


 
  
  • 召开背街小巷综合整治工作调度会
  • 平原街道加大出店经营整治
  • 平原街道召开计生业务培训会
  •        
  • 平原街道干部进村入户宣传促征迁
  •        
  • 平原街道为返乡群众免费孕检
  • 平原街道狠抓春运道路交通安全

3.是最关键的js代码


Copyright © 2016-2025 www.caominkang.com 曹敏电脑维修网 版权所有 Power by