『Demo』你想开发的页面特效,这里都能找到~

来源 | 微信小程序联盟

作者 | 极乐蜀黍

这期极乐大叔将小程序内各种页面效果实现方法聚合了一下,以便大家能够迅速而方便的使用。

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

原文发布于微信公众号 - 极乐技术社区(wxapp-union)

原文发表时间:2017-06-27

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏欧阳大哥的轮子

iOS的MyLayout布局系列-流式布局MyFlowLayout

     在我的CSDN博客中的几篇文章分别介绍MyLayout布局体系中的视图从一个方向依次排列的线性布局(MyLinearLayout)、视图层叠且停靠于父...

27830
来自专栏angularejs学习篇

jQuery 图片轮播的代码分离

以前遇到过jQuery实现列表自动滚动,这次的图片轮播在原理上与之相同,只有一些细微的差别,就是需要在图片的右下角显示当前图片的序号。

47220
来自专栏androidBlog

常用的自定义View例子一(流布式布局)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details/...

8310
来自专栏7号代码

Android应用界面开发——布局

线性布局可以控制各组件横向排列(通过设置属性android:orientation属性控制),也可控制各组件纵向排列。

25420
来自专栏web

关于border边框重叠颜色设置问题

24840
来自专栏肖蕾的博客

第六章:常用控件日常科普标签(Lable)图片(Image)按钮(Button)

1.控件是用于开发构建用户界面(UI)控件,帮助完成开发中视窗,文本框,按钮,下拉菜单,等界面元素 2.在LibGdx中,提供的控件有 按钮,勾选框,下拉框,...

12820
来自专栏闻道于事

CSS样式表

CSS样式表的样式主要可以分为大小,背景,字体,对齐方式,边界边框,列表方块,格式布局等。 元素的大小: #div1{ width:30...

45980
来自专栏前端杂货铺

居中详解

 讲解 1,单行文本的居中:           <div class='center'><span>单行文本框居中</span></div>         ...

35490
来自专栏进击的君君的前端之路

关于浮动

26740
来自专栏用户画像

图片 垂直居中

9620

扫码关注云+社区

领取腾讯云代金券