使用ionic在首页新闻中应用到的跑马灯效果的实现方法

前端之家收集整理的这篇文章主要介绍了使用ionic在首页新闻中应用到的跑马灯效果的实现方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在app中经常会有滚动的跑马灯效果的运用,如图所示为跑马灯效果

这里写图片描述

代码如下:

html:

Box" slide-scroll style="top:0px;">
  • 1.我是第1行
  • 2.我是第2行
  • 3.我是第3行
  • 4.我是第4行
  • css:

    Box { width: 100%; z-index: 99; position: absolute; top: 0; color: #000; } .shouRight { width: 100%; z-index: 9999; position: absolute; top: 0; height: 30px; color: #000; overflow: hidden; line-height: 30px; }

    js:

    实现效果如图所示:

    这里写图片描述

    以上所述是小编给大家介绍的使用ionic在首页新闻中应用到的跑马灯效果实现方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

    猜你在找的JavaScript相关文章