首页 > 微信 > 详细

微信小程序-通知公告滚动提示

时间:2018-08-28 12:33:02      阅读:369      评论:0      收藏:0      [点我收藏+]
wxml如下:
       

<view class=‘scroll_view_border‘>
<view class="srcoll_view" bindtap="textclick">这武器那都好,就是不吃药只能战斗15秒,15秒内不是你死就是我亡,这才是90级史诗该有的王者风范!</view>
</view>

wxss如下:

 

.srcoll_view{
position: absolute;
top:0rpx;
height: 100rpx;
font-size: 30rpx;
white-space: nowrap;
line-height: 100rpx;
color: #00bff3;
animation:myfirst 20s linear infinite;
}
@keyframes myfirst
{
  0% {margin-left:750rpx;}
  100% {margin-left:-1500rpx;}
}
.scroll_view_border{
position: relative;
width: 100%;
background: rgba(0, 0, 0, 0.2);
height: 100rpx;
overflow: hidden;
}
js------没有

 

微信小程序-通知公告滚动提示

原文:https://www.cnblogs.com/mverting/p/9547337.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!