美文网首页
2018-08-26

2018-08-26

作者: 窝头真难瘦 | 来源:发表于2018-08-26 21:17 被阅读0次

                                                       Axure的动态效果(1)

                                                                     banner效果

        在浏览网页网页时,我们经常看到精美的轮播图还有动态效果,但是在网页中这种动态交互事件大多是用JS实现的,那我们在Axure中也可以实现这种动态效果。

        1.打开Axure,在左边元件库里面将--动态面板拖出来。

                                         


               2 . 单击动态面板,在右上角样式那里将面板的坐标,以及尺寸设计成你所需要的大小。 (这里为了方便我将它设为300X180)

尺寸

                  3.双击动态面板,出现他的面板状态管理,+号为增加子面板数量,按需求添加你的子面板,为了方便辨识,建议将每个面板命名。

面板管理

                  4.在每个子面板里面放上你所想放的一个图片,尺寸和动态面板大小一样。

放入图片

                    5 .回到主页面,点击空白位置,右侧属性里面选择----页面载入时

                 6.选择元件----设置面板状态---√选你点的动态面板----选择状态----next---向后循环√选(循环时间自己可以测试) 动画效果选择(因为图片从右边进来,反之) 所以向左滑动,时间自己可以测试。

循环 动画

                                                                                   7 .设置完成后,请按F5测试你的轮播图吧

                                                                                    (比较懒所以下次更新更多内容的banner)

相关文章

  • 2018-08-26

    2018-08-26 现在立刻马上 2018-08-26 20:53 · 字数 599 · 阅读 0 · 日记本 ...

  • 付出不亚于任何人的努力

    戴师傅 2018-08-26 2018-08-26 20:32 打开App (稻盛哲学学习会)打卡第122天 姓名...

  • 小程序学习第8天

    2018-08-26昨天没学,空白。

  • 2018-08-26

    2018-08-26 陈顺富简书作者 2018-08-26 09:28 打开App 部门:三分厂 岗位:真空常白班...

  • 2018-08-27

    【59号-张玉-如何学习读后总结】 2018-08-26 22:09 · 字数 594 · 阅读 2 · 日记本 ...

  • 2018-08-26

    2018-08-26 事件:今天参加以前同事孩子的婚礼。 感受:惊叹,感动。 对方:欣喜,开心,激动。 想法:时间...

  • L4-U1-2-Vocabulary2-Dialogue

    流利说 D60 2018-08-26 日 一、复习 Level4-Unit1-Part2*Learning- Vo...

  • 2018-08-27

    江苏万千工品金秀 万千工品金秀 2018-08-26 20:48 · 字数 155 · 阅读 11 · 日记本 姓...

  • 用正则表达式做日期格式化

    输出:2018-08-26 21:11:15可以输入其他的分隔符YYYY/MM/dd HH:mm:ss 201...

  • 颠覆世界的互联网思维(二)

    2018-08-26 D28 / 33 【读书感悟】3173-安安 Chapter 1 以你为中心:自我颠覆背后的...

网友评论

      本文标题:2018-08-26

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