查看: 4218|回复: 0

Axure夜话:嵌入代码系列视频教程之嵌入标签云

[复制链接]

0

主题

27

回帖

31

积分

会员

Rank: 5Rank: 5

积分
31
QQ
发表于 2014-12-16 10:12:08 | 显示全部楼层 |阅读模式
尹广磊公众帐号
案例描述:嵌入标签云

知识点:

内部框架
效果图:

0_嵌入标签云_1.png

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

AxShare在线效果预览:

原型下载地址:嵌入标签云rp 嵌入标签云.html

在线视频:

实现步骤:

1:下载标签云js插件>>打开http://www.open-open.com/lib/view/home/1384745721102页面或者百度云下载http://pan.baidu.com/s/1eQiXL1w

2:在下载的文件中找到 examples ,在浏览器中打开index.html。 在使用文本编辑工具如Editplus等打开index.html查看源代码
101.png
3:复制代码,在本地新建一个文本文件,将复制的代码拷贝到文件中,保存并修改文件后缀为html,如:老二牛车标签云.html 注意:后缀问题,保存后使用浏览器打开测试一下。 或者 使用Editplus在本地新建一个html文件,将复制的代码拷贝到文件中,保存,如:tags.html。
102.png
4: Axure中,拖入一个框架,设置框架尺寸与地图一致,设置框架属性取消边框和滚动条
103.png
5:生成原型保存到和第3步html文件相同的目录中。也可以生成原型后将第3步html拷贝到原型目录中 拷贝jqcloud-1.0.4.min.js,jqcloud.css到原型文件目录
104.png
.. ..
程矢个人博客 爱上原型Axure www.91axure.com
www.91justinmind.com
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-5-2 20:50

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表