美文网首页产品工作感悟
Axure制作大数据平台中持续闪动小红点技巧

Axure制作大数据平台中持续闪动小红点技巧

作者: 蔬香四溢 | 来源:发表于2020-08-20 14:36 被阅读0次

    持续闪动的小红点的预览效果:


    红点闪动.gif

    制作方法
    1.首先绘制小红点及其加载的闪动效果,如下图:

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

    相关文章

      网友评论

        本文标题:Axure制作大数据平台中持续闪动小红点技巧

        本文链接:https://www.haomeiwen.com/subject/rnbsjktx.html