时间:2021-05-22
在网站中经常见到有一块区域处于悬浮状态,单击它就会滚动到指定位置,该怎么实现这个效果呢?下面我们就来看看Axure rp制作悬浮页面的教程。
1、用鼠标拖一个矩形元件到画布中,命名为top,宽为700,高为100,文字为顶部;同样的设置一个底部矩形元件
2、拖两个矩形元件,点矩形元件中的黑圆点,选三角形。第二个矩形元件要做垂直放置,形成向下三角形。
3、设计后的效果如下:
4、用鼠标拖一个热区元件放在向上箭头的上面,给它添加鼠标单击时触发事件。
5、在用例编辑窗口中,选 滚动到元件锚链接,右侧元件中选top,并勾选“仅垂直滚动”,点确定。
6、同样的,拖一个热区元件放在向下箭头的上面,并进行事件设置
7、同时选中向上箭头和向下箭头,右键,选择转换为动态面板,并对动态面板进行属性设置。
8、选择动态面板,右键|固定到浏览器,并进行如下属性。
9、按F5进行设计效果预览。按向上箭头可以滚动到页首,按向下箭头滚动到页尾。
以上就是Axure rp实现页面部分区域悬浮效果的教程,希望大家喜欢,请继续关注。
相关推荐:
Axure RP8怎么快速导入图片?
Axure rp怎么实现在新窗口打开链接?
Axure RP8中文本框怎么添加提示信息?
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
上一章我介绍了遮罩的页面可增加部分区域编辑模块,这章将介绍父页面显示遮罩层,弹出半透明状态的dialog。dialog即弹出的子页面,div。效果图如下:具体代
先来看下要实现效果图:查阅资料后,发现网上大部分都是用这种方法实现的:多写一个和需要悬浮的部分一模一样的layout,先把浮动区域的可见性设置为gone。当浮动
帝国cms使用js+css实现当前栏目高亮效果的解决方法如下:1.模板页面部分加入如下代码:复制代码代码如下:link2.js部分代码如下:复制代码代码如下:v
Premiere2018想要给视频褪色,该怎么实现部分区域褪色呢?下面我们就来看看详细的教程。软件名称:AdobePremiereProCC2018(PR)v1
前言本文例子实现了点击显示悬浮窗口,同时窗口可播放视频,拖动位置,点击关闭及返回APP页面,通过例子来讲述悬浮窗口实现原理及细节处理,效果图如下所示:悬浮窗口.