使用过PC端淘宝的人都知道,在淘宝商家的商品展示中有放大镜的功能,简单来说就是如果用户将鼠标放置在图片上,图片的一个区域就会被放大。然后展示在右边,这个功能可以让用户更好的看商品的细节,也比较好玩。
今天我们将来展示这个效果,axure制作这个功能并不是很困难,至少比作者之前的小游戏容易太多了,其中唯一用到的高级功能就是函数,且都是直接使用,没有复杂的全局变量以及触发面板。
一、成果展示

点击我体验:点击此处。
交互说明:
- 当鼠标移入画面中的时候显示放大区域以及放大后的结果;
- 放大区域随着用户的鼠标移动;
- 鼠标离开画面之后放大区域以及放大之后的结果同时消失;
- 放大后的结果随着鼠标变化,但是显示的区域是不变的。
闽ICP备13000641号-4