【JavaScript编程知识】微信小程序实现走马灯效果实例.docxVIP

PAGE PAGE 1 微信小程序实现走马灯效果实例 　　日常开发中，我们经常会遇到文字横向循环滚动的效果，俗称走马灯，也是项目中经常会使用的一个功能。在网页web前端很常见，今天就介绍下小程序的实现方式，一种是用的css样式实现，另一种是运用小程序的动画功能实现。 　　利用@keyframes的规则来实现，非常方便，只需要css样式就可以满足，使用方法跟web上一样。 　　view class=marquee 　　?text这是一段滚动的文字/text 　　/view 　　样式类，from to 来定义动画的开始结束，这里是从屏幕最右端向左滑，触及到最左侧后重新开始新一轮动