来源 | 微信小程序联盟
作者 | 极乐蜀黍
这期极乐大叔将小程序内各种页面效果实现方法聚合了一下,以便大家能够迅速而方便的使用。
1
文字跑马灯效果:
http://www.wxapp-union.com/portal.php?mod=view&aid=1038
触摸水波涟漪效果:
http://www.wxapp-union.com/portal.php?mod=view&aid=1350
下拉菜单效果:
http://www.wxapp-union.com/portal.php?mod=view&aid=1875
五星评分效果:
http://www.wxapp-union.com/portal.php?mod=view&aid=1876
数字累加,动态效果:
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1694
星战字幕效果:
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1689
动画卡片效果:
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2193
图片的滤镜效果:
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=3949
黑客帝国metrix效果:
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4670
2
CSS3]动画效果:
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4628
仿直播点赞气泡效果:
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2833
文字弹幕效果:
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4713
发短信验证码倒计时:
http://www.wxapp-union.com/portal.php?mod=view&aid=1671
弹出菜单特效:
http://www.wxapp-union.com/portal.php?mod=view&aid=1659
滚动动画:
http://www.wxapp-union.com/portal.php?mod=view&aid=1538
实时圆形进度条:
http://www.wxapp-union.com/portal.php?mod=view&aid=1456
遮罩层:
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=3617
仿Table效果:
http://www.wxapp-union.com/portal.php?mod=view&aid=1038
支付倒计时效果:
http://www.wxapp-union.com/portal.php?mod=view&aid=890
3
侧边栏滑动特效:
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1202
顶部导航效果:
http://www.wxapp-union.com/portal.php?mod=view&aid=1665
弹出和隐藏动画:
http://www.wxapp-union.com/portal.php?mod=view&aid=1449
切换动画:
http://www.wxapp-union.com/portal.php?mod=view&aid=1113
操作按钮悬浮固定在底部:
http://www.wxapp-union.com/portal.php?mod=view&aid=1029
文字单行背景自适应带角标:
http://www.wxapp-union.com/portal.php?mod=view&aid=636
仿UC宣传页面的简单动画效果:
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4266
列表项左滑删除效果:
http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2189