效果图

axure笔记:携程广告固定悬浮效果实现

步骤

1、素材准备
素材1:广告-显示
axure笔记:携程广告固定悬浮效果实现
素材2:广告-隐藏
axure笔记:携程广告固定悬浮效果实现

2、导入素材
导入素材,按照以下方式摆放,同时隐藏素材2(广告-隐藏)。
axure笔记:携程广告固定悬浮效果实现

3、增加热区,设置为动态面板

创建动态面板

设置动态面板,是为了固定浏览器。
axure笔记:携程广告固定悬浮效果实现

热区交互

axure笔记:携程广告固定悬浮效果实现

素材2隐藏元件交互

axure笔记:携程广告固定悬浮效果实现

固定浏览器设置

axure笔记:携程广告固定悬浮效果实现

大功告成

相关文章: