摘要：
1. 需求 开宝箱在一些商家营销活动中也很常见，这个需求简单，产品经理说就是做个动画就好，那我们就可以自由发挥了。高保图如下图1. 图1 开局一张图，剩下的全靠自己编了，动作怎么动，先看看UI给的素材，看米下锅。一张关闭的箱子图片，如下图2 图2 一张打开的箱子，如下图3 图3 一张奖品背景图片，是 阅读全文
posted @ 2022-08-12 14:15
nd
阅读(1186)
评论(0)
推荐(0)
摘要：
本文介绍九宫格抽奖功能的实现。 1.需求 功能很简单，来看看高保截图，如下图1 图1 需求的功能点如下： 用户点击抽奖，九宫格四周的图片顺时针依次闪烁，空转几圈。 请求接口，等接口有返回后最后对应的奖品闪烁，其他奖品不闪烁。 登录后，正中间的抽奖这个小方格点亮，未登录是灰色，这一点和抽奖无关，本文不 阅读全文
posted @ 2022-08-12 14:14
nd
阅读(833)
评论(0)
推荐(0)
摘要：
1. 需求 上次讲到lao虎机抽奖，通过jquery.animate修改background-prosition-y来修改背景图片实现上下滚动动画，本文介绍一种左右滚动的动画，原理是一样的，这里通过修改background-prosition-x来实现动画，同时也要注意奖品图片的尺寸问题，这里姑且叫 阅读全文
posted @ 2022-08-12 14:14
nd
阅读(1736)
评论(0)
推荐(2)
摘要：
本文介绍一个lao虎机抽奖动画的实现，lao虎机抽奖在各类商家营销活动中非常常见，这里主要介绍动画的实现过程，其他细节不做详细分析。 ps：lao虎机是敏感词，博客园的富文本和markdown编辑器都限制不允许出现，所以文章中的“老”字用拼音代替。 1. 需求 UI给到的蓝湖如下截图1 图1 三栏图 阅读全文
posted @ 2022-08-12 14:13
nd
阅读(224)
评论(0)
推荐(0)
摘要：
1.需求 抽奖是各类营销活动中最常见的一种形式，本产品需求大致如下：转盘周围跑马灯交替闪烁，点击抽奖，大转盘旋转，调用接口获取抽奖结果，大转盘指针指向对应的奖品。高保如下图1 图1-高保 2.整体思路 2.1跑马灯 本需求要求跑马灯交替闪烁，那四周的跑马灯就不能是死的图片了，要用动画来实现，并且第奇 阅读全文
posted @ 2022-08-12 14:12
nd
阅读(797)
评论(0)
推荐(0)
浙公网安备 33010602011771号