Axure学习笔记整理5-灯箱效果

灯箱效果：

拖拽4张小图片分别命名为1/2/3/4，如下图；

拖拽一个图片部件转换为动态面板命名为big-img，添加state1、state2、state3、state4并分别双击进去放好跟之前的1/2/3/4相同的图片；如下图：

对名称为1 图片做交互：’鼠标单击时‘-设置面板状态-勾选动态面板img-state1；同时添加交互’显示‘-勾选动态面板img-state1-显示-灯箱效果-背景色设置为半透明黑色。如果有需要可以将动态面板-固定到浏览器-居中。

复制图片1的交互用例到图片2、3、4并依次修改，例如将图片2的用例修改为：’鼠标单击时‘-设置面板状态-勾选动态面板img-state2；同时添加交互’显示‘-勾选动态面板img-state2-显示-灯箱效果-背景色设置为半透明黑色。

直接去预览效果即可。

Axure学习笔记整理5-灯箱效果相关推荐

Deep Learning（深度学习）学习笔记整理系列之（八）
Deep Learning(深度学习)学习笔记整理系列之(八) 分类: Deep Learning 机器学习 Linux驱动2013-04-10 11:4257652人阅读评论(25)收藏举报 ...
Deep Learning（深度学习）学习笔记整理系列三
Deep Learning(深度学习)学习笔记整理系列声明: 1)该Deep Learning的学习系列是整理自网上很大牛和机器学习专家所无私奉献的资料的.具体引用的资料请看参考文献.具体的版本声明 ...
Deep Learning（深度学习）学习笔记整理(二）
本文整理了网上几位大牛的博客,详细地讲解了CNN的基础结构与核心思想,欢迎交流 [1]Deep learning简介 [2]Deep Learning训练过程 [3]Deep Learning模型之: ...
Kafka入门篇学习笔记整理
Kafka入门篇学习笔记整理 Kafka是什么 Kafka的特性应用场景 Kafka的安装单机版部署集群部署环境准备 Kafka 2.x集群部署 Kafka 3.x集群部署监听器和内外网络 K ...
学习笔记整理：Photoshop软件应用-图层混合与样式
以下内容为个人的学习笔记整理,如有错误,请指出,谢谢~ 一.混合模式的种类(最少要两个图层以上) (1)溶解:用于图层中的图像出现透明像素时,根据图像中透明像素的量显示出颗粒化效果. (2)正片叠底: ...
移动web——学习笔记整理
目录 Day1 00.流式布局 00.1目标 00.2目录 01.移动端浏览器 02.视口(layout viewport) 03.meta视口标签(单标签) 04.物理像素&物理像素比 05 ...
jqGrid 学习笔记整理——基础篇
jqGrid 学习笔记整理--基础篇 jqGrid 实例中文版网址:http://blog.mn886.net/jqGrid/ 国外官网:http://www.trirand.com/blog/ 本人 ...
jqGrid 学习笔记整理——进阶篇（一）
jqGrid 学习笔记整理--进阶篇(一 ) 本篇为基础篇的扩展,使其具有增.删.改.查的基本功能. 在浏览导航栏添加所需按钮 <!DOCTYPE html> <html>&l ...
学习笔记整理：Photoshop软件应用-图层的应用和渐变工具
以下内容为个人的学习笔记整理,如有错误,请指出,谢谢~ 一.图层可以新建图层.复制图层.将图层分组.删除图层.越下面的图层是在最底面的,一层一层往上加,上面的图层会覆盖下面的图层(可以用橡皮擦擦掉) ...
Deep Learning（深度学习）学习笔记整理系列之常用模型
Deep Learning(深度学习)学习笔记整理系列之常用模型(四.五.六.七) 九.Deep Learning的常用模型或者方法 9.1.AutoEncoder自动编码器 Deep Learnin ...

Axure学习笔记整理5-灯箱效果

Axure学习笔记整理5-灯箱效果相关推荐

最新文章

热门文章