Axure夜话：嵌入代码系列视频教程之嵌入放大镜

爱上原型Axure

案例描述：嵌入放大镜

知识点：

内部框架
效果图：


在线效果预览:(firefox原型文件)

AxShare在线效果预览:

原型下载地址:嵌入放大镜rp  嵌入放大镜.html

在线视频：

实现步骤：

1：下载放大镜js插件>>打开http://www.open-open.com/ajax/ajax20080621175510.htm页面 或者百度云下载http://pan.baidu.com/s/1c04a9tm

2：在下载的文件中找到index.html ，在浏览器中打开index.html。

在使用文本编辑工具如Editplus等打开index.html查看源代码



3：复制代码，在本地新建一个文本文件，将复制的代码拷贝到文件中，保存并修改文件后缀为html,如：老二牛车放大镜.html

注意：后缀问题，保存后使用浏览器打开测试一下。

或者 使用Editplus在本地新建一个html文件，将复制的代码拷贝到文件中，保存,如：zoom.html。



4： Axure中，拖入一个框架，设置框架尺寸与地图一致，设置框架属性取消边框和滚动条



5：生成原型保存到和第3步html文件相同的目录中。也可以生成原型后将第3步html拷贝到原型目录中

拷贝jquery.jqzoom.js，jqzoom.css到原型文件目录



.
Axure夜话之嵌入代码系列视频教程之嵌入放大镜rp.zip (265.28 KB, 下载次数: 6)

2014-12-16 10:03 上传

点击文件名下载附件

[local]7[/local]