axture实训2

实训练习

1.图层叠加效果设置

1.期望效果：

鼠标移至图片上方，透明层显示，移至图片中心，+显示，且透明层依旧显示，移出图片，透明层与+均隐藏。

2.实现措施：

形状1（图片层）+鼠标移入时：显示形状2（透明层）；形状2（透明层）+鼠标移出时：隐藏当前图层；形状3（+）与形状2（透明层）组合后均隐藏；形状四（图像热区）+鼠标移入时/鼠标移出时：显示形状3（+）+形状2（透明层）/隐藏形状3（+）

2.图标移动效果设置

1. 期望效果：

鼠标选中形状1时，其向右移动，再次点击时向左移动，且在移动过程中文本框的文本随着移动而发生相应变化。

2. 实现措施：

首先设置全局变量position，默认为left。拖出两个文本框，一个为text格式，一个密码格式，分别命名t和m，m隐藏，然后形状1+鼠标单击时：用例1：if position=left，移动形状1至x=20，设置变量=right，显示m，部件文件m=部件文字t；用例2：if position=right，移动形状1至x=-20，设置变量=left，隐藏m，显示t，部件文字t=部件文字m。

3.鼠标悬停时显示不同颜色

1.实现措施：

图层设置为浅色，属性栏下--鼠标悬停时--images--载入相关的图层即可。