持续闪动的小红点的预览效果:
红点闪动.gif
制作方法
1.首先绘制小红点及其加载的闪动效果,如下图:
2.将这个闪动效果设置备注名称,如下图;然后设置闪动效果的交互方式,分别在onshow和onhide状态下设置指令,其中交互动作设置如图-“交互动作设置1”,需要设置fade渐变的动作以及时间。
onshow和onhide状态下设置交互
交互动作设置1
3.设置好后,将小红点和闪动效果堆叠在一起,同时将闪动效果整体隐藏(hide),如下图
image.png
4.在小红点所在页面,页面加载时(onpageload)设置闪动效果的显示方式,如下图
页面加载效果设置
交互方式2
5.设置完成后,将网页放到浏览器中预览,就可以看到持续闪动的效果了
网友评论