微信小程序各种动画轮子链接

迈不过友情╰ 2022-05-26 01:54 183阅读 0赞

惭愧！我不是轮子的创造者，我只是轮子的搬运工

文字跑马灯效果：[http://www.wxapp-union.com/portal.php?mod=view&aid=1038][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_1350]   
下拉菜单效果：[http://www.wxapp-union.com/portal.php?mod=view&aid=1875][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_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_1694]   
[星战字幕效果][Link 1]：[http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1689][http_www.wxapp-union.com_forum.php_mod_viewthread_tid_1689]   
[动画卡片效果][Link 2]：[http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2193][http_www.wxapp-union.com_forum.php_mod_viewthread_tid_2193]   
[列表项左滑删除效果][Link 3]：[http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2189][http_www.wxapp-union.com_forum.php_mod_viewthread_tid_2189]（更多左滑删除效果请直接在论坛内搜索“左滑”即可）   
[图片的滤镜效果][Link 4]：[http://www.wxapp-union.com/forum.php?mod=viewthread&tid=3949][http_www.wxapp-union.com_forum.php_mod_viewthread_tid_3949]   
[黑客帝国metrix效果：][metrix][http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4670][http_www.wxapp-union.com_forum.php_mod_viewthread_tid_4670]   
CSS3动画效果：[http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4628][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_2833]   
文字弹幕效果：[http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4713][http_www.wxapp-union.com_forum.php_mod_viewthread_tid_4713]   
仿UC宣传页面的简单动画效果：[http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4266][http_www.wxapp-union.com_forum.php_mod_viewthread_tid_4266]   
[发短信验证码倒计时][Link 5]：[http://www.wxapp-union.com/portal.php?mod=view&aid=1671][Link 5]   
[弹出菜单特效][Link 6]：[http://www.wxapp-union.com/portal.php?mod=view&aid=1659][Link 6]   
滚动动画：[http://www.wxapp-union.com/portal.php?mod=view&aid=1538][http_www.wxapp-union.com_portal.php_mod_view_aid_1538]   
[实时圆形进度条][Link 7]：[http://www.wxapp-union.com/portal.php?mod=view&aid=1456][Link 7]   
遮罩层：[http://www.wxapp-union.com/forum.php?mod=viewthread&tid=3617][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=1038][http_www.wxapp-union.com_portal.php_mod_view_aid_1038]   
[操作按钮悬浮固定在底部][Link 8]：[http://www.wxapp-union.com/portal.php?mod=view&aid=1029][Link 8]   
支付倒计时效果：[http://www.wxapp-union.com/portal.php?mod=view&aid=890][http_www.wxapp-union.com_portal.php_mod_view_aid_890]   
[文字单行背景自适应带角标][Link 9]：[http://www.wxapp-union.com/portal.php?mod=view&aid=636][Link 9]   
[侧边栏滑动特效；][Link 10][http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1202][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_1665]   
弹出和隐藏动画：[http://www.wxapp-union.com/portal.php?mod=view&aid=1449][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_1113]

## [wx-gesture-lock][]  微信小程序的手势密码 ##

## [WXCustomSwitch][] 微信小程序自定义 Switch 组件模板 ##

## [WeixinAppBdNovel][] 微信小程序demo：百度小说搜索 ##

## [shitoujiandaobu][] 小程序：石头剪刀布（附代码说明） ##

## [audiodemo][] 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义 ##

## [star][] 微信小程序开发之五星评分 ##

## [switchCity][] 微信小程序开发之城市选择器 城市切换 ##

## [huadong\_del][huadong_del]  微信小程序滑动删除效果 ##

## [jianhang\_menu][jianhang_menu] 微信小程序开发之圆形菜单 仿建行圆形菜单 ##

## [xiaoxiaoxiao\_lazyload][xiaoxiaoxiao_lazyload]  实现微信小程序图片懒加载特效 ##

## [kangaiduowei][]  微信小程序：康爱多微商城：学习界面设计 ##

## [tianmao\_dazhuanpan][tianmao_dazhuanpan]  小程序实现大转盘 仿天猫抽奖 跑马灯效果（有图有源码） ##

## [weapp-meirong][]  微信小程序学习用demo推荐：美容商城；列表，预约 ##

## [baisi][]  微信小程序仿百思不得姐 ##

## [weapp-one][] 仿 「ONE · 一个」 的微信小程序 ##

## [netmusic-app][]  仿网易云音乐APP的微信小程序 ##

## [a\_takeaway][a_takeaway]  微信小程序的外卖demo ##

## [sideslip][]  微信小程序『侧边栏滑动』特效 ##

## [wx\_plo][wx_plo]  微信小程序之仿微信漂流瓶 ##

## [kwonWhere][] 微信小程序-知亦行 ##

## [audiodemo][audiodemo 1]  微信小程序开发之视频播放 弹幕 弹幕颜色自定义 ##

## [wxChart][]  微信小程序图标插件 ##

## [guoku][]  微信小程序-果库 ##

## [snake][]  微信小程序-贪吃蛇小程序 ##

## [douban\_movie][douban_movie]  微信小程序-仿豆瓣电影 ##

## [RecordDemo][]  麦克风动画 ##

## [shishanggou][]  实现了包括常用组件，ajax获取数据，模板使用，路由等的使用，下拉刷新数据； ##

## [jiajuzaixian][]  家具在线-演示如何使用下拉选项 ##

## [wechat-app-ipinbb][]  爱拼宝宝-功能非常全的电商应用 ##

## [TodayNews-wx][]  微信小程序-今日头条 ##

## [WXNative-bpgg][]  奔跑果果-微信小程序 ##

## [wechatapp-demo][]   是目前我发现的，实现实用功能较多的demo，推荐大家学习研究 ##

## [weapp-MatterAssistant][]  微信小程序－事项助手 ##

## [weapp-wymusic][]  微信小程序 仿网易云音乐 ##

## [weapp-wechat-nearby][]  微信小程序-仿找事吧app附近三公里 ##

## [bs][]  精简版百思不得姐 ##

## [WXBaiSi][]  微信小程序版 百思不得姐 ##

## [weapp-demo-breadtrip][]  基于面包旅行 API 制作的微信小程序示例 ##

## [html-to-wxml][]  小程序中将html内容转化成wxml可以显示的内容，方便用于小程序中显示 ##

## [kachezhijia][]  自卡车之家，有丰富的卡车司机和物流园区的资源，所以这个小程序可以说也是他们未来工作上的一个必将实施的项目。 ##

## [WxEmojiView][]   微信小程序Emoji展示输入组件alpha 0.1 ##

## [GankCamp-WechatAPP][] gank.io (干货集中营) 微信小程序 版本 ##

## [wechat-JD][]  微信小程序仿京东首页 ##

## [wechat-turntalbe-canvas][]  用微信小程序开发的Canvas绘制可配置的转盘抽奖。 ##

## [mangguoTv][]  微信小应用-小程序-demo-仿芒果TV ##

## [wxreading][]  微信小程序跟读 ##

## [WeChatMeiZhi][]  微信小程序版妹纸图 API from gank.io ##

## [CountDown][]  微信小程序倒计时组件 ##

## [weapp-github][]  微信小程序--github ##

## [wechat-weapp-mapdemo][]  微信小程序开发demo-地图定位，非常简单的demo，只为了解一下微信小程序 ##

## [wechat-cnode][]  微信小程序 cnode社区版 ##

## [weapp-newsapp][]  微信小程序-公众号热门文章信息流 ##

## [wechat-weapp-taobao][]  微信小程序demo 仿手机淘宝 ##

## [timer][]  番茄时钟微信小程序版 ##

## [wechat-app-music][]  微信小程序：音乐播放器 技术栈: redux + es7 +labrador ##

## [fenda-mock][]  使用微信小程序实现「分答」这款APP的基础功能 ##

## [Wa-UI][]  针对微信小程序整合的一套UI库 ##

## [wx-query][]  微信小程序 仿jQuery插件 ##

## [weapp-artand][]  微信小程序 Artand ##

## [WeiXin-SmallApps-Information][]  微信小程序-仿今日头条 ##

## [weapp-wechat-zhihu][]  微信中的知乎--微信小程序 ##

## [WeApp][]  基于微信小程序开发的仿微信demo ##

## [SmallApp][]  微信小程序 ##

## [wechat-v2ex][] 微信小程序-v2ex ##

## [weipiao][] 微信小程序-微票 ##

## [DouBanBookApp][]   微信小程序之小豆瓣图书 ##

## [wxapp-calc][] 一个简单的微信小程序-简易计算器 ##

## [weapp-wechat-zhihu][weapp-wechat-zhihu 1]   模仿知乎的小程序 ##

## [wx-movies-demo][]   小程序--影讯 ##

## [caiquan][]  微信小应用，猜拳小游戏 ##

## [hayeah-wxapp-Breakfast][]  小林早厨微信小程序 ##

## [AppleMusic][]  微信小程序，仿Apple Music ##

## [cnode\_wechat-webapp][cnode_wechat-webapp] 用cnode社区api做的微信小应用 ##

## [shoppingcar][] 一个点餐、购物的购物车效果 ##

## [wechat-weapp-mall][] 微信小程序实现移动端商城 ##

## [SmallAppForQQ][]  高仿手机QQ应用程序 ##

## [zhihudaily][]  微信小程序-知乎日报 ##

## [wechat-weapp-gank][] 微信小程序-干货投稿应用 ##

## [TeamToy][]  调用TeamToy API 的微信小程序 Demo ##

## [douban][] 微信小程序（应用号）示例教程（豆瓣电影） ##

[http_www.wxapp-union.com_portal.php_mod_view_aid_1038]: 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=1350
[http_www.wxapp-union.com_portal.php_mod_view_aid_1875]: 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/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=1694
[Link 1]: http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1689&fromuid=2
[http_www.wxapp-union.com_forum.php_mod_viewthread_tid_1689]: http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1689
[Link 2]: http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2193&fromuid=2
[http_www.wxapp-union.com_forum.php_mod_viewthread_tid_2193]: http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2193
[Link 3]: http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2189&fromuid=2
[http_www.wxapp-union.com_forum.php_mod_viewthread_tid_2189]: http://www.wxapp-union.com/forum.php?mod=viewthread&tid=2189
[Link 4]: http://www.wxapp-union.com/forum.php?mod=viewthread&tid=3949&fromuid=2
[http_www.wxapp-union.com_forum.php_mod_viewthread_tid_3949]: http://www.wxapp-union.com/forum.php?mod=viewthread&tid=3949
[metrix]: http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4670&fromuid=2
[http_www.wxapp-union.com_forum.php_mod_viewthread_tid_4670]: http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4670
[http_www.wxapp-union.com_forum.php_mod_viewthread_tid_4628]: 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=2833
[http_www.wxapp-union.com_forum.php_mod_viewthread_tid_4713]: http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4713
[http_www.wxapp-union.com_forum.php_mod_viewthread_tid_4266]: http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4266
[Link 5]: http://www.wxapp-union.com/portal.php?mod=view&aid=1671
[Link 6]: 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=1538
[Link 7]: http://www.wxapp-union.com/portal.php?mod=view&aid=1456
[http_www.wxapp-union.com_forum.php_mod_viewthread_tid_3617]: http://www.wxapp-union.com/forum.php?mod=viewthread&tid=3617
[Link 8]: http://www.wxapp-union.com/portal.php?mod=view&aid=1029
[http_www.wxapp-union.com_portal.php_mod_view_aid_890]: http://www.wxapp-union.com/portal.php?mod=view&aid=890
[Link 9]: http://www.wxapp-union.com/portal.php?mod=view&aid=636
[Link 10]: http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1202&fromuid=2
[http_www.wxapp-union.com_forum.php_mod_viewthread_tid_1202]: 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=1665
[http_www.wxapp-union.com_portal.php_mod_view_aid_1449]: 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=1113
[wx-gesture-lock]: http://www.see-source.com/weixinwidget/detail.html?wid=87
[WXCustomSwitch]: http://www.see-source.com/weixinwidget/detail.html?wid=86
[WeixinAppBdNovel]: http://www.see-source.com/weixinwidget/detail.html?wid=85
[shitoujiandaobu]: http://www.see-source.com/weixinwidget/detail.html?wid=84
[audiodemo]: http://www.see-source.com/weixinwidget/detail.html?wid=83
[star]: http://www.see-source.com/weixinwidget/detail.html?wid=82
[switchCity]: http://www.see-source.com/weixinwidget/detail.html?wid=81
[huadong_del]: http://www.see-source.com/weixinwidget/detail.html?wid=80
[jianhang_menu]: http://www.see-source.com/weixinwidget/detail.html?wid=79
[xiaoxiaoxiao_lazyload]: http://www.see-source.com/weixinwidget/detail.html?wid=78
[kangaiduowei]: http://www.see-source.com/weixinwidget/detail.html?wid=77
[tianmao_dazhuanpan]: http://www.see-source.com/weixinwidget/detail.html?wid=76
[weapp-meirong]: http://www.see-source.com/weixinwidget/detail.html?wid=75
[baisi]: http://www.see-source.com/weixinwidget/detail.html?wid=74
[weapp-one]: http://www.see-source.com/weixinwidget/detail.html?wid=73
[netmusic-app]: http://www.see-source.com/weixinwidget/detail.html?wid=72
[a_takeaway]: http://www.see-source.com/weixinwidget/detail.html?wid=71
[sideslip]: http://www.see-source.com/weixinwidget/detail.html?wid=70
[wx_plo]: http://www.see-source.com/weixinwidget/detail.html?wid=69
[kwonWhere]: http://www.see-source.com/weixinwidget/detail.html?wid=68
[audiodemo 1]: http://www.see-source.com/weixinwidget/detail.html?wid=67
[wxChart]: http://www.see-source.com/weixinwidget/detail.html?wid=66
[guoku]: http://www.see-source.com/weixinwidget/detail.html?wid=65
[snake]: http://www.see-source.com/weixinwidget/detail.html?wid=64
[douban_movie]: http://www.see-source.com/weixinwidget/detail.html?wid=63
[RecordDemo]: http://www.see-source.com/weixinwidget/detail.html?wid=62
[shishanggou]: http://www.see-source.com/weixinwidget/detail.html?wid=61
[jiajuzaixian]: http://www.see-source.com/weixinwidget/detail.html?wid=60
[wechat-app-ipinbb]: http://www.see-source.com/weixinwidget/detail.html?wid=59
[TodayNews-wx]: http://www.see-source.com/weixinwidget/detail.html?wid=58
[WXNative-bpgg]: http://www.see-source.com/weixinwidget/detail.html?wid=57
[wechatapp-demo]: http://www.see-source.com/weixinwidget/detail.html?wid=56
[weapp-MatterAssistant]: http://www.see-source.com/weixinwidget/detail.html?wid=55
[weapp-wymusic]: http://www.see-source.com/weixinwidget/detail.html?wid=54
[weapp-wechat-nearby]: http://www.see-source.com/weixinwidget/detail.html?wid=53
[bs]: http://www.see-source.com/weixinwidget/detail.html?wid=52
[WXBaiSi]: http://www.see-source.com/weixinwidget/detail.html?wid=51
[weapp-demo-breadtrip]: http://www.see-source.com/weixinwidget/detail.html?wid=50
[html-to-wxml]: http://www.see-source.com/weixinwidget/detail.html?wid=49
[kachezhijia]: http://www.see-source.com/weixinwidget/detail.html?wid=48
[WxEmojiView]: http://www.see-source.com/weixinwidget/detail.html?wid=47
[GankCamp-WechatAPP]: http://www.see-source.com/weixinwidget/detail.html?wid=46
[wechat-JD]: http://www.see-source.com/weixinwidget/detail.html?wid=45
[wechat-turntalbe-canvas]: http://www.see-source.com/weixinwidget/detail.html?wid=44
[mangguoTv]: http://www.see-source.com/weixinwidget/detail.html?wid=43
[wxreading]: http://www.see-source.com/weixinwidget/detail.html?wid=42
[WeChatMeiZhi]: http://www.see-source.com/weixinwidget/detail.html?wid=41
[CountDown]: http://www.see-source.com/weixinwidget/detail.html?wid=40
[weapp-github]: http://www.see-source.com/weixinwidget/detail.html?wid=39
[wechat-weapp-mapdemo]: http://www.see-source.com/weixinwidget/detail.html?wid=38
[wechat-cnode]: http://www.see-source.com/weixinwidget/detail.html?wid=37
[weapp-newsapp]: http://www.see-source.com/weixinwidget/detail.html?wid=36
[wechat-weapp-taobao]: http://www.see-source.com/weixinwidget/detail.html?wid=35
[timer]: http://www.see-source.com/weixinwidget/detail.html?wid=34
[wechat-app-music]: http://www.see-source.com/weixinwidget/detail.html?wid=33
[fenda-mock]: http://www.see-source.com/weixinwidget/detail.html?wid=32
[Wa-UI]: http://www.see-source.com/weixinwidget/detail.html?wid=31
[wx-query]: http://www.see-source.com/weixinwidget/detail.html?wid=30
[weapp-artand]: http://www.see-source.com/weixinwidget/detail.html?wid=29
[WeiXin-SmallApps-Information]: http://www.see-source.com/weixinwidget/detail.html?wid=28
[weapp-wechat-zhihu]: http://www.see-source.com/weixinwidget/detail.html?wid=27
[WeApp]: http://www.see-source.com/weixinwidget/detail.html?wid=26
[SmallApp]: http://www.see-source.com/weixinwidget/detail.html?wid=25
[wechat-v2ex]: http://www.see-source.com/weixinwidget/detail.html?wid=24
[weipiao]: http://www.see-source.com/weixinwidget/detail.html?wid=23
[DouBanBookApp]: http://www.see-source.com/weixinwidget/detail.html?wid=22
[wxapp-calc]: http://www.see-source.com/weixinwidget/detail.html?wid=21
[weapp-wechat-zhihu 1]: http://www.see-source.com/weixinwidget/detail.html?wid=20
[wx-movies-demo]: http://www.see-source.com/weixinwidget/detail.html?wid=19
[caiquan]: http://www.see-source.com/weixinwidget/detail.html?wid=18
[hayeah-wxapp-Breakfast]: http://www.see-source.com/weixinwidget/detail.html?wid=17
[AppleMusic]: http://www.see-source.com/weixinwidget/detail.html?wid=16
[cnode_wechat-webapp]: http://www.see-source.com/weixinwidget/detail.html?wid=15
[shoppingcar]: http://www.see-source.com/weixinwidget/detail.html?wid=14
[wechat-weapp-mall]: http://www.see-source.com/weixinwidget/detail.html?wid=13
[SmallAppForQQ]: http://www.see-source.com/weixinwidget/detail.html?wid=12
[zhihudaily]: http://www.see-source.com/weixinwidget/detail.html?wid=11
[wechat-weapp-gank]: http://www.see-source.com/weixinwidget/detail.html?wid=10
[TeamToy]: http://www.see-source.com/weixinwidget/detail.html?wid=9
[douban]: http://www.see-source.com/weixinwidget/detail.html?wid=8