当前位置:   article > 正文

html弹出悬浮窗口_自学Axure9-打开链接和关闭窗口行为、在内部框架中打开链接行为、滚动到部件(锚点连接)DAY9...

html 悬浮转弹出框

交互行为:

1.当前窗口打开链接

链接到外部URL或本地文件:可以输入外部的链接;也可以输入本地文件的链接,本地文件当以预览的方式发布是看不到链接的内容,只有生成本地方式来发布原型才能链接到想要链接的内容。

重新载入当前页面:刷新了一下当前页面

5a6565fcea7ffa79a40b038f3f78e832.png

2.新窗口/标签页打开链接:在新的窗口打开链接

e69dfa44cc97fb62e0866a266bf0a309.png

62123615e59fe9c21bf304bf7c844b3d.png

3.弹出窗口打开链接

c1138aeab126def10171b60e2a971da2.png

6aff6fd5f9cb204d8625d2cff70e55ba.png

4.父窗口打开链接

发布之后先点击打开在新窗口打开链接-父窗口打开链接-返回到前一个窗口,会发现里面内容变了,前一个窗口就是父窗口。

bdd8a20ce9c73354f9dd87471e04a324.png

7993e83f84fbb073d467a878ed02abbe.png

da49d050acd1f540e2f23ff3f8fcf479.png

5.关闭窗口

3a2f7b72625721d4daf845e38bf88bbc.png

在内部框架中打开链接行为(能使用动态面板就不要用内部框架,动态面板除了不能引用视频、本地文件、网页其他都能做)

内部框架:让我们在同一个浏览器窗口中显示不止一个页面,在这个窗口里实现不同页面的切换效果。实现不同条件下,嵌入不同文档的效果

内部框架作用:

1.引用视频:在链接属性里添加视频路径

2.引用本地文件:可引入PDF、图片、音乐格式的文件,不能引入office

3.引用网页

注:

1.超链接地址需加上http://

2.内部框架大小要设置好

3.发布-生成html文件,即可显示本地文件和视频。

97337cbd590399ce9e22e1b33bdeb307.png

用下面的方式设置内部框架的交互效果。

e89f8bdb2658517d1719c2540228e207.png

d32a64629e8713af172f3c1736b7c83e.png

设置完预览不点击任何按钮的时候内部框架里是空白的,给用户体验效果不好,设置默认显示页面就是双击内部框架,默认选哪个就显示哪个。

21a2281257a791168c6f1304cb9bfb42.png

407e3e3e8ddf8e42a0290641c2ff84c2.png

内部框架设置滚动条:

44be8ef37f5e3e6c84e83d9d3f0ad90f.png

内部框架边框隐藏:

点击一下边框就可以隐藏,再点击一下就显示出来了

1443d49474d0fec1463cb43f5b489da5.png

交互行为:

1.在内部框架中打开链接

2.在父框架中打开链接

abe782fd64296271a7a5de41041524c7.png

滚动到部件(锚点连接行为):

在一个页面上,无论怎么滚动,箭头都悬浮在右侧。

在动态面板里设置:

给水平线设置旋转角度

0ad46a0898077f06950b41ee3d19e7a8.png

设置成一个组合

e5a1fa692f019230228ddc2fbab1da97.png

给箭头添加触发事件用热区组件,然后添加鼠标单击时交互效果

e3eb58e3b026104bfa21ecb557e76d6b.png

设置固定到浏览器

38c1620d1e9f7a8078990f1ed1a96d24.png

1e207ef6ea19082d4382517e0a05a810.png
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/110333
推荐阅读
相关标签
  

闽ICP备14008679号