Axure快速入门(12) -轮播图案例

简介: Axure快速入门(12) -轮播图案例

1. 前言

本文的案例源文件已上传到Github,有兴趣的同学可以下载来看看: https://github.com/ylw-github/Axure-Demo

前面写过Axure相关的文章,有兴趣的同学可以参阅:

之前Axure写的都是静态的页面,本文要讲解动态的页面,以轮播图为例子。

2. 轮播图案例

2.1 设置轮播图样式

首先拖入动态面板到页面编辑区,然后设置动态面板每个状态的背景颜色:

2.2 添加交互事件

添加载入时事件:

选择设置面板状态动作,如下:

设置内容如下:

2.3 最终演示效果

本文完!

目录
相关文章
|
2月前
|
前端开发 JavaScript iOS开发
精选11款炫酷的前端动画特效分享(附在线演示)
分享11款非常不错炫酷的前端特效源码 其中包含css动画特效、js原生特效、svg特效等 下面我会给出特效样式图或演示效果图 但你也可以点击在线预览查看源码的最终展示效果及下载源码资源
|
2月前
|
前端开发
前端知识笔记(二十)———简易弹窗制作
前端知识笔记(二十)———简易弹窗制作
36 0
|
8月前
|
iOS开发 MacOS Windows
Axure快速入门(03) - 丰富的元件库
Axure快速入门(03) - 丰富的元件库
70 0
|
8月前
Axure快速入门(01) - 面板介绍
Axure快速入门(01) - 面板介绍
47 0
|
8月前
Axure快速入门(06) -动态面板例子
Axure快速入门(06) -动态面板例子
42 0
|
8月前
Axure快速入门(02) - 入门例子(登录案例)
Axure快速入门(02) - 入门例子(登录案例)
43 0
|
8月前
Axure快速入门(11) -函数总结
Axure快速入门(11) -函数总结
45 0
|
8月前
Axure快速入门教程
Axure快速入门教程
33 0
|
8月前
|
小程序 JavaScript
微信小程序从零开始开发步骤(五)轮播图
微信小程序从零开始开发步骤(五)轮播图
160 0
|
10月前
|
安全 数据安全/隐私保护
ElementUI基本介绍及登录注册案例演示3
ElementUI基本介绍及登录注册案例演示3
35 1

相关实验场景

更多