交互行为:
1.当前窗口打开链接
链接到外部URL或本地文件:可以输入外部的链接;也可以输入本地文件的链接,本地文件当以预览的方式发布是看不到链接的内容,只有生成本地方式来发布原型才能链接到想要链接的内容。
重新载入当前页面:刷新了一下当前页面
![5a6565fcea7ffa79a40b038f3f78e832.png](https://img-blog.csdnimg.cn/img_convert/5a6565fcea7ffa79a40b038f3f78e832.png)
2.新窗口/标签页打开链接:在新的窗口打开链接
![e69dfa44cc97fb62e0866a266bf0a309.png](https://img-blog.csdnimg.cn/img_convert/e69dfa44cc97fb62e0866a266bf0a309.png)
![62123615e59fe9c21bf304bf7c844b3d.png](https://img-blog.csdnimg.cn/img_convert/62123615e59fe9c21bf304bf7c844b3d.png)
3.弹出窗口打开链接
![c1138aeab126def10171b60e2a971da2.png](https://img-blog.csdnimg.cn/img_convert/c1138aeab126def10171b60e2a971da2.png)
![6aff6fd5f9cb204d8625d2cff70e55ba.png](https://img-blog.csdnimg.cn/img_convert/6aff6fd5f9cb204d8625d2cff70e55ba.png)
4.父窗口打开链接
发布之后先点击打开在新窗口打开链接-父窗口打开链接-返回到前一个窗口,会发现里面内容变了,前一个窗口就是父窗口。
![bdd8a20ce9c73354f9dd87471e04a324.png](https://img-blog.csdnimg.cn/img_convert/bdd8a20ce9c73354f9dd87471e04a324.png)
![7993e83f84fbb073d467a878ed02abbe.png](https://img-blog.csdnimg.cn/img_convert/7993e83f84fbb073d467a878ed02abbe.png)
![da49d050acd1f540e2f23ff3f8fcf479.png](https://img-blog.csdnimg.cn/img_convert/da49d050acd1f540e2f23ff3f8fcf479.png)
5.关闭窗口
![3a2f7b72625721d4daf845e38bf88bbc.png](https://img-blog.csdnimg.cn/img_convert/3a2f7b72625721d4daf845e38bf88bbc.png)
在内部框架中打开链接行为(能使用动态面板就不要用内部框架,动态面板除了不能引用视频、本地文件、网页其他都能做)
内部框架:让我们在同一个浏览器窗口中显示不止一个页面,在这个窗口里实现不同页面的切换效果。实现不同条件下,嵌入不同文档的效果
内部框架作用:
1.引用视频:在链接属性里添加视频路径
2.引用本地文件:可引入PDF、图片、音乐格式的文件,不能引入office
3.引用网页
注:
1.超链接地址需加上http://
2.内部框架大小要设置好
3.发布-生成html文件,即可显示本地文件和视频。
![97337cbd590399ce9e22e1b33bdeb307.png](https://img-blog.csdnimg.cn/img_convert/97337cbd590399ce9e22e1b33bdeb307.png)
用下面的方式设置内部框架的交互效果。
![e89f8bdb2658517d1719c2540228e207.png](https://img-blog.csdnimg.cn/img_convert/e89f8bdb2658517d1719c2540228e207.png)
![d32a64629e8713af172f3c1736b7c83e.png](https://img-blog.csdnimg.cn/img_convert/d32a64629e8713af172f3c1736b7c83e.png)
设置完预览不点击任何按钮的时候内部框架里是空白的,给用户体验效果不好,设置默认显示页面就是双击内部框架,默认选哪个就显示哪个。
![21a2281257a791168c6f1304cb9bfb42.png](https://img-blog.csdnimg.cn/img_convert/21a2281257a791168c6f1304cb9bfb42.png)
![407e3e3e8ddf8e42a0290641c2ff84c2.png](https://img-blog.csdnimg.cn/img_convert/407e3e3e8ddf8e42a0290641c2ff84c2.png)
内部框架设置滚动条:
![44be8ef37f5e3e6c84e83d9d3f0ad90f.png](https://img-blog.csdnimg.cn/img_convert/44be8ef37f5e3e6c84e83d9d3f0ad90f.png)
内部框架边框隐藏:
点击一下边框就可以隐藏,再点击一下就显示出来了
![1443d49474d0fec1463cb43f5b489da5.png](https://img-blog.csdnimg.cn/img_convert/1443d49474d0fec1463cb43f5b489da5.png)
交互行为:
1.在内部框架中打开链接
2.在父框架中打开链接
![abe782fd64296271a7a5de41041524c7.png](https://img-blog.csdnimg.cn/img_convert/abe782fd64296271a7a5de41041524c7.png)
滚动到部件(锚点连接行为):
在一个页面上,无论怎么滚动,箭头都悬浮在右侧。
在动态面板里设置:
给水平线设置旋转角度
![0ad46a0898077f06950b41ee3d19e7a8.png](https://img-blog.csdnimg.cn/img_convert/0ad46a0898077f06950b41ee3d19e7a8.png)
设置成一个组合
![e5a1fa692f019230228ddc2fbab1da97.png](https://img-blog.csdnimg.cn/img_convert/e5a1fa692f019230228ddc2fbab1da97.png)
给箭头添加触发事件用热区组件,然后添加鼠标单击时交互效果
![e3eb58e3b026104bfa21ecb557e76d6b.png](https://img-blog.csdnimg.cn/img_convert/e3eb58e3b026104bfa21ecb557e76d6b.png)
设置固定到浏览器
![38c1620d1e9f7a8078990f1ed1a96d24.png](https://img-blog.csdnimg.cn/img_convert/38c1620d1e9f7a8078990f1ed1a96d24.png)
![1e207ef6ea19082d4382517e0a05a810.png](https://img-blog.csdnimg.cn/img_convert/1e207ef6ea19082d4382517e0a05a810.png)