使用Axure 制作动态广告展示

一、最终实现的效果

如图:

当鼠标指针移入图中的 数字“01”、“02”、“03”、“04”不同的数字时,分别展示不同的图片。

二、做前准备

图片:4张

软件:Axure

三、制作流程

1、在开打的空页面上添加一个动态面板(X:20 ,Y:20 ;W:600,H:382)如图:

2、给动态面板取名为“动态广告”,再在该动态面板上添加4个字状态,分别取名为,图01、图02、图03、图04。如图:

3、为每个状态分别添加不同的图片。如图:

4、在主界面的动态模板上添加四个按钮控件,图形设置为圆形,大小为:25x25 ,同时设置按钮填充色和数字的颜色。如图:

 

5、分别为每个按钮添加“鼠标移入事件”,如图:

 

 

6、全部都添加好事件后就可以运行看看效果了。具体的展示图片及停留的时间还需要自己根据实际需求进行定制化的设置。

 

 

运行状态良好,OK!

时间: 2024-11-05 22:48:54

使用Axure 制作动态广告展示的相关文章

使用Axure制作无限循环展示图片效果

一.实现的效果 如图: 1.此次需要实现的效果是,进入界面后,在图片展示区域的图片根据事先设定好的时间,自动切换不同的图片: 2.循环不间断: 3.页面不出现闪烁的现象. 二.做前工作 图片:4张 软件:Axure 三.制作流程 1.在开打的空页面上添加一个动态面板(X:20 ,Y:20 :W:600,H:382)如图: 2.给动态面板取名为“动态广告”,再在该动态面板上添加4个字状态,分别取名为,图01.图02.图03.图04.如图: 3.为每个状态分别添加不同的图片.如图: 4.为了实现这个

PhotoShop制作gif动态广告效果示例

本文将通过三个示例介绍gif制作广告,gif 动态广告网页展示效果 米扑博客:开业了 https://blog.mimvp.com/article/1.html 本示例需要用到的软件环境: MacOS High Sierra  Version 10.13.4 PhotoShop CS6 13.0.6  x64 示例1:制作 gif 文字广告动图 1. 新建 180 * 60 透明背景图 2. 窗口 - 时间轴 - 创建帧动画 3. 默认第一帧,添加字体格式,输入"米扑" 4. 点击下方

干货分享:使用Axure的动态面板做Tab

相信学习产品经理的童鞋都知道,Axure是一个产品经理必备的专业快速原型设计工具,那么在Axure的使用中,怎么用动态面板做Tab呢?下面小编就为大家整理了一二,希望对你有帮助. 首先,我们先来看看Axure的动态面板可以用来做什么: 1)tab式页签的切换效果:Axure的官方给出的实例就是这个 2)鼠标触发式和点击触发式的下拉菜单效果:这个可以结合Axure的默认组件中的"垂直菜单"."水平菜单"来实现,常用于导航的原型制作. 3)鼠标触发式的浮窗效果:类似&q

【Axure教程】Axure制作转盘抽奖教程-初级版

今天给大家分享,使用axure制作转盘抽奖交互原型.不带登录流程. 抽奖流程: 一,主要内容:1,主要元件:动态面板 2,重点:旋转交互.随机函数.触发动作. 3,难点:通过停止位置判断抽奖结果 4,涉及函数及解释: target:目标元件 text:元件文本 Math.random():返回0-1之间的一个数字 rotation:元件旋转角度 二,原型准备:主要包含两个页面1,框架页面: 包含手机边框+内联框架,主要用于将内容调入当前页面,展示整体效果. 双击内联框架,选中index(内容)页

axure 制作滚动效果(不显示滚动条)

笔者在上一篇文章<axure制作app侧滑菜单>中介绍了淘宝app筛选菜单的制作方法,但筛选菜单中的内容仅仅填充了"一屏"的内容,如果内容比较多,就需要菜单能够上下滚动,且仅仅是菜单部分滚动,其他商品列表部分(背景)无需滚动,本文介绍一下实现方法: 上篇<axure制作app侧滑菜单>博文地址: http://pmdrx.blog.51cto.com/11810835/1911380 要是实现局部滚动,动态面板即可实现,但动态面板的滚动条是不能隐藏的,这个时候我

arcgis server 10.1 发布动态图层展示海量及频繁更新的数据步骤

转自原文 arcgis server 10.1 发布动态图层展示海量及频繁更新的数据步骤 Arcgis server  发布动态图层及调用动态图层 做这个动态图层功能的原由是 有一个30万的数据需要通过arcgis GP工具转成shp然后渲染加载进地图,原来的做法是遍历生成shp面要素,读取面的环状点然后转成json,这个也能实现结果但是时间较长,与预期的时间差别较多,在公司内部讨论时有提到这个动态图层可以解决海量频繁数据的替换,要是每个都发一个图层服务这样不可取.故此讨论后研究这个神奇的功能.

Axure制作app侧面抽屉菜单

在之前的文章中以手机淘宝app的筛选菜单为例,给大家介绍过使用axure制作app侧面滑动菜单的方法,本文继续为大家介绍另外一种app的菜单样式--抽屉菜单.手机qq.酷狗音乐等app都采取了这种抽屉菜单的设计. 先看效果~(因为51博客的缘故,貌似效果不是很好,但能看出来抽屉的推拉效果) 效果描述: 点击左上角头像,抽屉菜单拉出,再次点击头像,抽屉菜单关闭: 向右拖动页面,抽屉菜单拉出,向左拖动页面,抽屉菜单关闭. 我们先确定基本方向: 推拉效果,左右拖动(模拟手机上的滑动手势),我们首先想到

Xcode 6制作动态及静态Framework

Xcode 6制作动态及静态Framework iOS 静态库 关键点 新建Target为Cocoa Touch Framework,deployment target(支持的最低版本的系统)设置成5.1.1. 制作通用动态库(可同时在真机以及模拟器上使用) # Sets the target folders and the final framework product. # 如果工程名称和Framework的Target名称不一样的话,要自定义FMKNAME # 例如: FMK_NAME =

axure制作登录功能并跨页面显示用户名

用户登录是好多网站都有的重要功能,今天使用axure制作一个用户登录,并把用户名显示到新页面的案例. 一.拖入元件并布局: 1. 在页面中拖入两个文本框,并命名为username.password,把password的类型设置为"密码",把两个文本框的提交按钮设置为"login",这样就可以直接按回车键登录了:为了显得美观一点,我们不在制作传统的"用户名""密码"提示文本,而是把提示文字放到文本框中. 2.拖入按钮修改文本为&