栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

js实现文字滚动效果

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

js实现文字滚动效果

本文实例为大家分享了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{
  overflow:hidden; 
  width: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 #ccc;
   cursor:pointer;
   }

2.内容代码如下:


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

3.最后是最关键的js代码:


以上就是本文的全部内容,希望对大家学习javascript程序设计有所帮助。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/98106.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号