点数信息
www.dssz.net
注册会员
|
设为首页
|
加入收藏夹
您好,欢迎光临本网站!
[请登录]
!
[注册会员]
!
首页
移动开发
云计算
大数据
数据库
游戏开发
人工智能
网络技术
区块链
操作系统
模糊查询
热门搜索:
源码
Android
整站
插件
识别
p2p
游戏
算法
更多...
在线客服QQ:632832888
当前位置:
资源下载
搜索资源 - 微信小程序图片动画效果
下载资源分类
移动开发
开发技术
课程资源
网络技术
操作系统
安全技术
数据库
行业
服务器应用
存储
信息化
考试认证
云计算
大数据
跨平台
音视频
游戏开发
人工智能
区块链
在结果中搜索
所属系统
Windows
Linux
FreeBSD
Unix
Dos
PalmOS
WinCE
SymbianOS
MacOS
Android
开发平台
Visual C
Visual.Net
Borland C
CBuilder
Dephi
gcc
VBA
LISP
IDL
VHDL
Matlab
MathCAD
Flash
Xcode
Android STU
LabVIEW
开发语言
C/C++
Pascal
ASM
Java
PHP
Basic/ASP
Perl
Python
VBScript
JavaScript
SQL
FoxBase
SHELL
E语言
OC/Swift
文件类型
源码
程序
CHM
PDF
PPT
WORD
Excel
Access
HTML
Text
资源分类
搜索资源列表
微信小程序-微商城
微信小程序商城,微信小程序微店、包含作品首页,作品关联商品,好友搜索,收货地址,订单管理,作品管理,商品管理,根据权限分别展示对应的模块。其中包含动画、图片自适应的处理、表单校验的封装,滑动删除的效果等
所属分类:
其它
发布日期:2018-04-26
文件大小:914kb
提供者:
sinat_39334527
让微信小程序的页面图片全屏滑动切换.rar
让微信小程序的页面图片全屏滑动切换,全屏动画滚动,用手在屏幕上轻轻滑动,图片就滚动,类似于网页中的幻灯片切换效果,增加操作的乐趣性和美观度,是个不错的图片浏览特效。相关参数定义如下: scrollindex:0, //当前页面的索引值 totalnum:5, //总共页面数 starty:0, //开始的位置x endy:0, //结束的位置y critical: 100, //触发翻页的临界值 margintop:0, //滑动下拉距离
所属分类:
其它
发布日期:2019-07-10
文件大小:225kb
提供者:
weixin_39840588
xiaoxiaoxiao_lazyload-实现微信小程序图片懒加载特效.zip
数据接口:https://api.getweapp.com/vendor/lightstao/searchkeyhttps://api.getweapp.com/vendor/lightstao/product/search微信小程序中,懒加载特效让人头疼不已,因为小程序完全没法操作dom,所以位置的操作在小程序中,变得极其的难~~先看特效:我们将其拆分为如下几个步骤进行讲解~~1)如何获取图片的位置高度先看一张图:通过上图可以知道,图片位置高度其实可以通过img.height margin值
所属分类:
其它
发布日期:2019-09-23
文件大小:3mb
提供者:
weixin_38743602
LemonJournal-微信小程序Demo:柠檬手帐 - 界面精美的图片编辑应用,支持图片和文字的移动、旋转、缩放、保存编辑状态并生成预览图.zip
参加比赛的作品,开发周期一个月,使用了 Wafer2 框架,后台采用腾讯云提供的 Node.js SDK 接入对象存储 API ,前端核心代码实现了类似于图片编辑器的功能,支持图片和文字的移动、旋转、缩放、生成预览图以及编辑状态的保存,动画部分采用 CSS 动画实现小程序中的模态输入框部分使用了自己封装的 InputBox 组件代码已移除 AppId 等敏感信息,可自行添加自己的 AppId 和 AppSecret 以配置后台环境,实现登录测试,详细添加方法见下文「使用方法」,若本地运行可通过
所属分类:
其它
发布日期:2019-09-23
文件大小:6mb
提供者:
weixin_38743481
zhihuWeChatApp-从零开始一个微信小程序版知乎.zip
微信小程序版知乎首页截图项目描述界面样式设计与交互来自iOS 4.8.0版本知乎App开发工具:微信开发工具数据来源:Easy Mock 模拟数据Easy MockMock.js功能描述首页主要功能及交互搜索页面(结果页面未写详细的样式)搜索历史存储搜索历史单个删除和全部清除顶部tab切换,分别展示不同内容面板,同时tab下小黑条切换时有动画效果下拉刷新触底上拉加载点击标题进入问题的答案列表页点击回答内容进入该回答的详情页想法页面主要功能及交互滑动到顶部tab条吸顶文字超出被折叠,可点击展开点
所属分类:
其它
发布日期:2019-09-23
文件大小:32mb
提供者:
weixin_38743602
微信小程序中使用wxss加载图片并实现动画效果
记录微信小程序中使用wxss加载图片并实现动画的方式,最终实现loading效果。本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友参考下吧
所属分类:
其它
发布日期:2020-10-18
文件大小:45kb
提供者:
weixin_38687199
微信小程序中使用wxss加载图片并实现动画效果
记录微信小程序中使用wxss加载图片并实现动画的方式,最终实现loading效果。 代码 .weui-loading { margin: 0 5px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; animation: a 1s steps(12) infinite; background: transparent url([removed]PHN2ZyB4bWxucz0iaHR0cDovL3
所属分类:
其它
发布日期:2020-12-02
文件大小:42kb
提供者:
weixin_38606300
微信小程序自定义波浪组件使用方法详解
最近看到好多app上有波浪背景,有动态的,有静态的,这里是在小程序中用得动态。 先看看效果图:里面的文本是组件内部定义的。 这是用两个svg的图片用css关键帧动画做的效果(这里谢谢子弹短信里前端群的小伙伴提供的web版的css动画文件) 在小程序中使用,注意一个问题:就是svg不可以直接使用,需要转为base64(这个大家应该有收藏吧),这里我已经转换好了,在下面的wxss中。 这里顺便用一下自定义组件: 首先定义组件 wave wave.wxml:这里我默认是用得显示个人信息。其中isS
所属分类:
其它
发布日期:2020-12-13
文件大小:82kb
提供者:
weixin_38737980
微信小程序实现原生步骤条
本文实例为大家分享了微信小程序实现原生步骤条的具体代码,供大家参考,具体内容如下 效果 (步骤条颜色不对是录制工具的问题) 思路 其实与轮播图类似,使用了两个并排的轮播容器,在滑动监听后,给图片加上移动和缩放动画。 扩展 可以用于标签页的切换。 vue与微信小程序有类似的地方,所以微信小程序做出的效果,原理也可用于vue在网页上的应用。 代码 wxml <
所属分类:
其它
发布日期:2020-12-13
文件大小:51kb
提供者:
weixin_38562130
微信小程序签到弹窗(动画效果)
效果图如下所示 图片素材:https://pan.baidu.com/s/1Fa_kFBTVmps3BZf-LsC32Q 提取码: ebvr .wxml 签到 签到成功 获得0积分 好的 .wxss page{ background-color: #ccc; } view{ box-sizing: border-box; } button{ margin-top: 50rpx; } .load{ width: 80%; height: 600rp
所属分类:
其它
发布日期:2021-01-08
文件大小:52kb
提供者:
weixin_38539018
微信小程序图片左右摆动效果详解
先看效果,实现一个图片左右摇动,在一般的H5宣传页,商家活动页面我们会看到这样的动画,小程序的动画效果不同于css3动画效果,是通过js来完成的,其实步骤很简单,首先创建动画实例,再调用实例来描述动画,最后导出即可。 先看效果如下: 简单的参考代码: wxml: css: .img { width: 120rpx; height: 120rpx; margin:300rpx; } js
所属分类:
其它
发布日期:2021-01-03
文件大小:32kb
提供者:
weixin_38611527
微信小程序movable view移动图片和双指缩放实例代码
movable-area是微信小程序的新组件,可以用来移动视图区域movable-view。移动方向可选择任何、垂直和平行。可移动区域里包含其他文本、图片、按钮等组件。可移动区域可绑定touchend等事件。movable-view的参数可调整动画效果。 先从movable-view开始说起吧. movable-view是小程序自定义的组件.其描述为:”可移动的视图容器,在页面中可以拖拽滑动”. 官方文档地址: https://mp.weixin.qq.com/debug/wxadoc/dev/
所属分类:
其它
发布日期:2021-01-03
文件大小:90kb
提供者:
weixin_38637144
微信小程序 Animation实现图片旋转动画示例
最近小程序中有一个图片旋转的需求,最初是想着通过切换多张图片达到旋转的效果,后来发现微信小程序带有动画api,然后就改由image+Animation来实现。 首先在wxml中定义image 注意其中的animation属性,image就由它来实现动画。 而{{animation}}我们在js的data中定义 data: { animation: '' }, 改变animati
所属分类:
其它
发布日期:2021-01-03
文件大小:44kb
提供者:
weixin_38696590
微信小程序demo:仿UC宣传页面的简单动画效果
老大看到来了一个UC的宣传页面,感觉还不错,也没涉及到大的技术点,开始想用canvas实现动画效果,无奈一个问题点无法处理,改用了css3的animation实现共同讨论提升 免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
所属分类:
其它
发布日期:2021-03-17
文件大小:2mb
提供者:
weixin_38698367
微信小程序学习用demo:图书搜索,打开效果
点评:主页带有动画效果,内页可以搜搜图书; 免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
所属分类:
其它
发布日期:2021-03-17
文件大小:7kb
提供者:
weixin_38622962
微信小程序学习用demo:登录及动画效果
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
所属分类:
其它
发布日期:2021-03-15
文件大小:14kb
提供者:
weixin_38732425
LemonJournal:基于Wafer2框架的微信小程序演示-微信小程序演示:柠檬手帐-界面简洁的图片编辑应用,支持图片和文字的移动,旋转,缩放,保存编辑状态并生成预览图-源码
柠檬杂志 该项目基于框架开发,后台采用腾讯云提供的Node.js SDK接收对象存储API,前端核心代码实现了图片编辑器的功能,支持图片和文字的移动,旋转,缩放,生成预览图以及编辑状态的保存,动画部分采用CSS动画实现 小程序中的模态输入框为单独封装的组件 代码已可移除AppId等敏感信息,可自行添加自己的AppId和AppSecret以配置后台环境,实现登录测试,详细添加方法见称为“使用方法”,如果本地运行可通过修改app.json文件中page分割的顺序来查看不同页面 效果展示 使用方法 获
所属分类:
其它
发布日期:2021-03-04
文件大小:4mb
提供者:
weixin_42100971
微信小程序实战之轮播图(3)
轮播图是大部分应用的一个常用的功能,常用于广告投放、产品展示、活动展示等等。 漂亮的轮播图效果可以吸引用户的点击,达到推广产品的作用。 废话少说,下面开始动手。 业务需求: 5个图片轮番播放,可以左右滑动,点击指示点可以切换图片 重点说明: 由于微信小程序,整个项目编译后的大小不能超过1M 查看做轮播图功能的一张图片大小都已经有100+k了 那么我们可以把图片放在服务器上,发送请求来获取。 index.wxml: 这里使用小程序提供的组件 autoplay:自动播放 interv
所属分类:
其它
发布日期:2021-01-20
文件大小:91kb
提供者:
weixin_38731239
微信小程序--几个有趣的css3动画
微信小程序小教程--几个有趣的css3动画 先看下效果: (此图片来源于网络,如有侵权,请联系删除! ) 除了有点快,动画效果还可以。 它是怎么实现的? 拿第一个双块舞动画研究一下好啦。 mxml: class="sk-wandering-cubes"> class="sk-cube sk-cube1"> class="sk-cube sk-cube2"> css: .sk-wandering-cubes .sk-cube { backgro
所属分类:
其它
发布日期:2021-03-29
文件大小:87kb
提供者:
weixin_38595850
微信小程序 - toptip效果
在Page顶部下滑一个提示条 , 代码见 /mixins/UIComponent.js ,其中的self 可以认为是微信小程序的Page对象 (此图片来源于网络,如有侵权,请联系删除! ) 效果: 默认2秒展示,上移动画隐藏 /** * 展示顶部 tip , 多次快速调用,会覆盖前次展示 */ UIComponent.showToptip = function (opt = {}) { var self = this; if (self.uiComponent_topTip_timer) {
所属分类:
其它
发布日期:2021-03-29
文件大小:78kb
提供者:
weixin_38502183
«
1
2
»