如何让h5h5页面跳转动画效果到100%时停住

来源：蜘蛛抓取(WebSpider) 时间：2016-07-04 02:14 标签： h5动画制作
&&&您需要以后才能回答，未注册用户请先。随时选购服务
需求发布后1小时内收到服务商响应每个需求平均有10个服务商参与95%以上的需求得到了圆满解决所有需求不向雇主收取任何佣金引爆店铺流量，提升网店销量
质量：0.00
速度：0.00
态度：0.00
近三月收入：0元 0 笔
七匹狼CRM游戏
七匹狼中秋送礼CRM游戏
追溯七匹狼H5
(0)
html5 h5手机页面动画效果 自适应移动端 营销推广
&18888.00/个
&18868.00/个
手机专享,扫码立减20.00元
服务态度：0.00分
工作速度：0.00分
完成质量：0.00分
未加入雇主保障
开发语言：HTML
开发类型：响应布局
服务态度：0.00分
比同行业平均水平
工作速度：0.00分
比同行业平均水平
完成质量：0.00分
比同行业平均水平
雇主对他的印象：
服务态度：0.00分
比同行业平均水平
工作速度：0.00分
比同行业平均水平
完成质量：0.00分
比同行业平均水平
雇主对他的印象：
服务宝，全程保障交易安全
验收满意后，再付款给服务商
所有服务商，100%实名认证
交易出问题，可获双倍赔付
承诺不向雇主收取任何费用
担保交易，交易全程护航
快速赔付流程
好评率：&&诚信度：100
本店其它官方套餐
正在加载类似服务...
本店其它服务
正在加载类似服务...
为了防止恶意举报，发起举报，需冻结五分信用度作为担保，举报处理完成后将根据进行相应释放。
：html5 h5手机页面动画效果 自适应移动端 营销推广
请选择举报类型：
厦门万事屋网络「猴哥」微信公众号今天接入了微软小冰，当猴哥不在的时候，小冰可以帮忙看家了，大家有事可以留言，她看到了一定会回复的，猴猴看到之后也会第一时间回复的。时不时点开菜单啥的，兴许能找到你想要的~今天0点取消接口，纯属娱乐一下 \(^o^)/动画是场景过渡、吸引用户注意力的常用手法，在各种H5应用中也是屡见不鲜。今天码点有关动画的介绍，动画可分为三类：进入、强调、退出。一个对象要想产生动画，无非就是对象的位置、角度、大小、透明度在一定时间的变化。动画类型（一）进入动画进入动画关心的是动画从无到有的显示效果，这些动画一般用在页面预加载的时候，为了减少用户的焦虑等待感，常常会使用一些进入动画使得页面本身更加活泼有趣，其实这个时候程序正在后台请求服务器资源呢(^o^)，常见的手法有弹跳出现、淡入、光速、旋转进入、滑动进入、放大进入。淡入动画放大进入动画类型（二）强调动画进入动画强调的是动画从无到有，而强调动画则强调的是动画从有到有，第一个有是对象的初始状态，第二个有强调的是对象的状态变化态，这2个状态的变化起到了强调突出的目的。在H5中为了突出比较重要的按钮，为了吸引别人的注意力，常常会让这个按钮一直抖动下。强调动画动画类型（三）退出动画和进入动画相反，退出动画，使对象从有到无。当对象没有被事件（点击、滑动等等）触发时，对象是在屏幕上的，当触发后，对象则会按照预先设定的动画效果消失。在H5中最为常见的就是各种弹窗的关闭动画。退出动画PS：微信小技巧之收藏微信的收藏功能还是挺强大的，Android版的微信 6.3.16对收藏进行了一次小升级，现在可以在收藏的同时编辑收藏的标签，这次小升级还是挺方便的，不过IOS版微信&6.3.16还不能支持，应该也不远了吧。虽然优化了，但还是得吐槽下：1，收藏的按钮是在页面的右上角，但是编辑标签是放在页面的右下角，位置上不易发现2，时间上虽然有3.5s左右的存留时间，但操作上始终觉得不舒服3，添加完标签后直接回到页面，却并未给任何反馈，给用户心理造成疑惑，并不知道自己是否真的添加成功▼&原始的效果图▼&建议优化如下：1，保存成功的提示放在页面中央2，如果只保存，提示已保存；如果保存后又成功执行了添加标签操作，提示标签已添加；如果保存后点击了去添加标签但是却并未执行，仍然提示已保存就好了▼&优化之后的效果图&▼&—End—【关于我】外号：小猴子刚毕业一年的逗比猴一枚，本科修的是信息管理与信息系统专业，热爱产品热爱生活，喜欢交互喜欢UI喜欢前端，爱“搞机”爱把玩各种逗比的APP。好好学习，天天向上。产品 | 交互 | UI一个立志成为 | PM大咖的猴纸微信号：imonkey99长按识别二维码，一键加关注猴哥(imonkey99)　
　文章为作者独立观点，不代表微头条立场
的最新文章
从此麻麻再也不担心切图了~就是辣么快~一只想成为PM大咖而且很不安分的猴纸一只想成为PM大咖而且很不安分的猴纸一只想成为PM大咖而且很不安分的猴纸一只想成为PM大咖而且很不安分的猴纸一只想成为PM大咖而且很不安分的猴纸一只想成为PM大咖而且很不安分的猴纸一只想成为PM大咖而且很不安分的猴纸一只想成为PM大咖而且很不安分的猴纸一只想成为PM大咖而且很不安分的猴纸一只想成为PM大咖而且很不安分的猴纸一只有情怀的猴纸一个想成为PM大咖而且很不安分的猴纸一个想成为PM大咖而且很不安分的猴纸一个想成为PM大咖而且很不安分的猴纸一个想成为PM大咖不安分的猴纸imonkey99萌哒哒猴猴热门文章5.N分钟电影（二十）教父Ⅱ最新文章imonkey99萌哒哒猴猴移动端H5多屏页面，如何优雅的在左右滑动时为每个页面重复加载相应的动画_问答_ThinkSAAS
移动端H5多屏页面，如何优雅的在左右滑动时为每个页面重复加载相应的动画
移动端H5多屏页面，如何优雅的在左右滑动时为每个页面重复加载相应的动画
常见的H5页面，不管是左右滑动还是上下滑动，每个页面都有对应的动画效果，当我们不停的反复滑动时，每次滑动到一个新的页面，那么这个页面的动画就会被重复触发一次，想问问各位在自己的项目中是怎样实现的
我的方法：
设置一个全局变量，每次滑到一个新的页面，就把这个页面的id传递给全局变量，匿名函数根据这个id 的变化，加载对应的动画，离开这个页面后，id变化，我先把这个页面的dom复原，然后再去下一个页面触发动画
就是每次离开一个页面时，我就要复原dom，这个操作很麻烦，还有就是根据id变化加载动画，用起来很不爽，各位有何见解
临时找了一个demo，汰渍洗衣液的H5宣传页面，感觉很有爱
height:100
transition:all ease .3s;
background-color:
.active .normal{
height:300
&div class="wrap"&
&div class="normal"&&/div&
动态删减 active 到 wrap上 就可以了！你所有的动画都要在 .active .xxx下面定义。
测试地址：
添加你想要问的问题
PHP开发框架
开发工具/编程工具
服务器环境
ThinkSAAS商业授权：
ThinkSAAS为用户提供有偿个性定制开发服务
ThinkSAAS将为商业授权用户提供二次开发指导和技术支持
官方1群：【已满】
让ThinkSAAS更好，把建议拿来。
关注微信，更好学习

我要回帖

更多关于 h5动画制作 的文章

 

随机推荐