axure 内联框架中跳转链接

最新推荐文章于 2025-05-14 23:41:39 发布
原创 最新推荐文章于 2025-05-14 23:41:39 发布 · 8.1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#axure #原型

博主在画手机端原型时，因页面有限使用内联框架放置更多内容。有产品列表页和产品参数页，两页均用内联框架。目标是在内联框架做小标签，点击修改底色，点击<查看详情>跳转设备详情页，还提及产品列表用动态面板打开链接无反应。

最近在画一个手机端原型，因为页面有限，所以使用内联框架来放置更多内容。
【内容描述】有两个页面，一个产品列表页，一个产品参数页。由于两个页面内容都比较多，所以都使用内联框架。
设备详情页
【目标效果】
在内联框架中，做了很多小的标签，希望点击小标签页底色修改，点击<查看详情>页面调转至设备详情页。
期望效果描述
在这里插入图片描述

查看详情设置（在父级框架）
（之前产品列表用的了动态面板，直接打开链接完全没有反应）
在这里插入图片描述

Axure RP9.0教程 | 内联框架 对应html 元素中的iframe标签 （打开内部页面和外部网址）
专注于计算机研发知识和资讯分享
04-06 802
应用场景： 选择右侧不同栏目，左侧内容发生变化。
Axure重要元件二——内联框架
benleiqiang的博客
10-11 1635
内联框架最后一项是转换为动态面板，此功能应用范围非常广泛，在接下来的课程里会带着大家一起来使用此效果，做出很多工作场景中的应用，例如台账、表单等。步骤四：调整内联框架，对比两个icon，内联框架的尺寸和嵌入表单的尺寸，我们进行调整。步骤三：右键内联框架——框架目标——选择我们要嵌入的页面。然后我们点击预览看一下效果，嵌入了，但是显示的效果不好。
Axure实现页面跳转（Axure学习日志2）
qq_45038715的博客
07-29 4647
Axure实现页面跳转 在Axure画出页面之后，有一些页面是通过某个组或者某个图标进行跳转，那么怎么实现跳转呢？ 创建好页面 以我已经画好的 我的12306页面和登录注册页面为例。 实现点击我的12306登录栏侧箭头实现跳转登录页面 首先打开我的12306页面，选择登录栏的右侧箭头。选择好之后在右侧的PROPERTIES中选择OnClick。 点开后在左侧Link➡Open Link➡Curre...
Axure设计之内联框架切换页面、子页面间跳转问题
最新发布
招风的黑耳优快云
05-14 2457
设置内联框架：在主页面的内联框架中加载A页面。创建按钮交互：在A页面中创建一个按钮，并设置其点击事件来改变内联框架的页面内容。
axure内联框架和动态面板_Axure版跳一跳如何制作？
weixin_39804620的博客
12-30 408
下班前看到一个群友发了一张“跳一跳”的动效图，觉得挺好玩的，就随手也做了“Axure版跳一跳”。以下是原理分析、实现步骤。实现效果： “Axure”板块向右平滑移动，与“版”“跳”“一”“跳”即将靠近时，“版”“跳”“一”“跳”分别向左跳一格；“Axure”板块向左平滑移动，与“版”“跳”“一”“跳”即将靠近时，“版”“跳”“一”“跳”分别向右跳一格。原理分析：(1)本案例循环面板有2个状态，分别...
Axure内联框架的用法
热门推荐
qq_45340365的博客
12-03 2万+
内联框架的用法 一、用法介绍 内联框架的位置是在default基本元件中，它的用法非常简单。（说的通俗一点，内联框架就是在固定的区域显示内容，如果显示不了可以拖动滚条移动到其他的部分。） 首先拖动元件到新建的index画面中，然后可以通过外面的定界框更改内联框架的大小。 双击进去，可以设置内联框架的目标，也可以在检视-属性处找到内联框架并设置内联框架的目标。 比如这个地方我们选择page1。...
Axure9.0中在父框架中如何打开内联框架中的元件
杜倩倩的博客
11-23 3605
Axure9.0中在父框架中如何打开内联框架中的元件 1. 父框架： 2. 内联框架页面的内容： 3. 在父级框架当前页面中，拉入内联框架 在右方元件属性与样式中，框架滚动条——从不显示，选中隐藏边框 然后最重要的一步，选择框架目标页面 4. 选择父窗口需要跳转的内联框架页面；注：一定要注意是在框架中打开页面链接！ 5. 效果： 最后想告诉大家：内联框架的bai作用，是在父窗口，展示一个固定区域，该区域能显示另一个关联页面的所有内...
axure9后台管理系统框架模板
04-26
中间用内联框架展示具体内容。 本框架干净整洁，无过多的业务，只是单纯的页面框架，适合用于新系统的快速搭建页面结构。 页面截图地址： 链接: https://pan.baidu.com/s/1LhOvvUwfNeUtqiQ_SSnxFw?pwd=e51y
内联框架跳转页面
qq_36390239的博客
11-17 5061
内联框架跳转页面 ps：W3C不推荐使用内联框架 一、标签常用属性： 1.src属性：是在该内联框架中指定一个外部的页面地址； 2.name属性：是设置iframe的名字； 二、标签 .标签常用属性： 1.href属性：是指定一个需要链接的地址 2.target属性：该链接跳转的方式 _self：默认。在相同的框架中打开被链接文档。 _blank：在新窗口中打开被链接文档。
5分钟玩转Axure之内联框架
黄昏誓
06-02 1万+
什么是内联框架 从定义上来说，内联框架你可以当做一个内嵌页面，而这个内嵌页面的指向由你自己来选择，包括不仅限于你原型里的页面，你可以链接一个网址或者是其它文件。 具体使用 1、可以用作预览占位 这边可以选择快速的视频、地图和自定义的一个预览占位。 2、在框架内链接其它原型页面 双击内联框架可以指定其默认链接到的页面。 也可以链接到外部的网址： 还可以链接到文件，比如带有前段代码的html文件。不过这部分应用场景不是特别多；所以这部分我这边就先省略了，因为我后期会写一篇关于Axure快速建立Cha
5分钟玩转Axure之动态面板、中继器、内联框架的使用
05-31
资源里是rp文件，实现了对动态菜单的实现、动态面板常见的各中使用案列，实现表格全操作（包括表格的搜索筛选、翻页、增加数据、修改表格数据、单条删除和批量删除表格数据）
Axure教程-使用内联框架制作页面滚动
03-21
使用Axure 内联框架制作的页面滚动，练习用，新手可以看看，还是不错的
小白自学Axure-母版+内联框架的使用
weixin_50534910的博客
01-17 1724
写完之后发现，使用内联框架的话，母版完全可以不用的呀！在绘制原型图时，想要在当前页面进行页面跳转，查阅到Inline Frame（内联框架）这个东西，但查出来的大多的都是单独的内联框架如何使用，下面就记录一下如何使用母版+内联框架。在模板中设置页面的交互，选择OnMouseClick > Open Link In Frame，再选择需要打开的页面和页面展示位置（刚才的内联框架）。【感觉内联框架也可以不放置在母版中，因为后面又新建了一个frame页面，放在frame页面应该也可行。
Axure内联框架
QwQ_HGC的博客
05-08 4910
Axure内联框架 内联框架的位置是在default基本元件中，它的用法非常简单。（说的通俗一点，内联框架就是在固定的区域显示内容，如果显示不了可以拖动滚条移动到其他的部分。） 内联框架主要是用来嵌入网页，用来跳转页面 二.内链框架的属性设置 1.属性_隐藏边框 默认的内链框架都带有边框，属性上设置则可隐藏 2.属性_取消滚动条 默认的内链框架当调用的页面内容大于其窗口的时候，会出现滚动条。属性设置上可以取消滚动条的显示。 3.属性_预览图片(设置内联框架在画布的默认图片) 包括：无，视频，图片，自定义(导
Axure RP9 ——【内联框架】
两条线-twolines
10-28 3398
Axure RP9 ——【内联框架】 的使用方法
Axure 如何在父框架中打开链接？
weixin_43813694的博客
04-10 4703
步骤 错误的操作：单击时，在框架中打开链接，打开在父级框架。结果总是在父窗口中打开链接。（黑人问号.jpg） 正确的操作：单击时，打开链接，打开在当前窗口 。 操作演示 在内联框架中打开子框架，此时内联框架成为子框架的父框架 在子框架中为按钮新建交互，在当前窗口打开链接（而不是在父级框架中打开链接） 预览查看界面效果，操作成功实现 ...
Axure内联框架|动态面板滚动|零基础学Axure
qq_43777616的博客
08-17 930
Axure内联框架|动态面板滚动|零基础学Axure
【产品经理-Axure9.0初学】页面跳转制作
qq_45037146的博客
02-25 3494
Axure9.0页面跳转
Axure交互之链接行为
Brienz
03-11 2408
一、打开链接和关闭窗口行为 1、交互行为： 当前窗口打开链接 新窗口/标签页打开链接 弹出窗口打开链接 父窗口打开链接 关闭窗口行为 二、在内部框架中打开链接行为 1、什么是内部框架？ Axure的内部框架，可以让我们在同一个浏览器窗口中显示不止一个页面，在这个窗口里实现不同页面的切换效果。 2、Axure内部框架的作用 引用视频 引用网页 引用本地文件 注意点： 超链接地址需要加上http:// 内部框架大小要设置好 3、交互项为 在内部框架中打开链接 在父框架中打开链接
Axure 内联框架
01-30
### Axure 中使用内联框架教程 #### 创建并配置内联框架 在 Axure RP 中创建内联框架，可以在页面上放置一个容器来显示其他网页或本地 HTML 文件的内容。为了使内联框架正常工作，需遵循特定的设置流程。 当希望在生成的 demo 中展示默认图片时，应先将该图片置于 demo 的根目录下[^1]。接着，在设计界面中双击所添加的内联框架组件，以便为其指定要加载的内容源。此时可采用相对路径指向目标资源文件，从而完成默认图片的设定。 对于更复杂的交互需求，比如在同一页面内部实现不同部分之间的切换，则可以考虑结合母版和内联框架一起使用。具体做法是在母版页定义好公共区域布局结构，并在此基础上利用内联框架嵌入具体的子页面内容[^2]。 #### 处理视觉样式问题 有时可能会遇到即使设置了无边框选项却仍然能看到细线的情况。这通常是由于浏览器渲染过程中自动给 `<iframe>` 添加了背景颜色所致。解决办法之一就是自定义 CSS 样式表，通过修改 iframe 的 border 和 background 属性去除不必要的装饰元素： ```css /* 自定义CSS*/ iframe { border: none; background-color: transparent !important; } ``` 上述代码片段应当被保存在一个独立的 .css 文件当中，并按照官方指南指示的方法关联至项目发布后的输出HTML文档中[^3]。 #### 实现高级功能 除了基本的功能外，Axure 还允许开发者进一步增强用户体验。例如，可以通过 JavaScript 调整页面上的某些元素状态；也可以把内联框架转变为动态面板以适应更多应用场景下的灵活变化[^4]。 另外值得注意的是，在实际开发过程中如果涉及到跨域请求等问题的话，还需要额外注意安全策略方面的调整[^5]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值