Advertisement

创建文字滚动动画

阅读量:

需求:动态滚动文字:每200毫秒刷新一次

实现步骤:

1、获取第一个p标签中的文本内容并保存至变量txt中

2、从txt中提取首个字符,并将其追加至第二个p标签的内容末尾

3、将txt中除首个字符外的剩余部分重新赋值给第一个p标签的内容

4、当第一个p标签内的字符串长度变为零时,清除定时器

复制代码
  <style>

    
     p:nth-child(1) {
    
         background-color: lightyellow;
    
     }
    
  
    
     p:nth-child(2) {
    
         background-color: pink;
    
     }
    
     </style>
    
    
    
    
    AI写代码css
复制代码
   <p>就业为每一位学员定制个性化求职方案及职业规划,提供一对一修改简历、培训面试技巧、模拟真实面试场景、推荐合作企

    
     业就业等服务。与众多高校和知名企业建立了战略合作伙伴关系,为百度、搜狐、腾讯、新浪、阿里巴巴、凤凰网、360、人民网、
    
     中国教育在线、中青在线、网易、苏宁、滴滴出行、京东、去哪儿、当当网知名IT企业培养输送了大量的互联网人才。</p>

全部评论 (0)

还没有任何评论哟~