Axure 关于动态面板移入移出的问题 5
鼠标移入A区域,动态面板B出现,鼠标移出A区域,动态面板B隐藏,这一步已经做好,有个问题是,我要在B上做可点击的按钮,但是鼠标一移入按钮的位子,B就隐藏了,怎么能让它不隐...
鼠标移入A区域,动态面板B出现,鼠标移出A区域,动态面板B隐藏,这一步已经做好,有个问题是,我要在B上做可点击的按钮,但是鼠标一移入按钮的位子,B就隐藏了,怎么能让它不隐藏?
展开
展开全部
个人感觉最简单的办法是,在交互中新增一个条件,鼠标移出A区域,等待5秒(5000毫秒)后B隐藏。
复杂的办法是,增加一个hotspot,放在A区域旁边并重叠一部分,并将该hotspot置顶,设置交互条件,当鼠标移入该区域,动态面板B显示。这个麻烦的地方在于,你要B消失的时候,不能往有锚点的地方移鼠标。
——————————————————————————————————————————
以上只是最简单的选项改变后跳转页面,事实上我个人觉得跟你需要的效果是不一样的,因此我建议如果你需要做的比较逼真,例如网页上鼠标移到区域内,自动站下下拉菜单,然后鼠标点击相应不同内容,跳转到不同页面,这种比较精准的模拟,我建议还是用动态面板来模拟(附件放了这个做法的rp,axure7.0),方式如下:
以一串文本文字为例,鼠标移到热点区域X中,原本隐藏的动态面板A(也可以用设为组合的多个形状来替代,操作都一样)为显示,鼠标移出后,等待1000毫秒后隐藏(等待时间可自己设置,基本上考虑300毫秒以上);显示和隐藏设置下拉、上拉效果。等待1000毫秒(以及下面等待1001毫秒)是为了能让鼠标移出X区域移入A区域的瞬间,A区域不自动隐藏(缺点是,不管怎么移出X区域,都要等1秒才会隐藏面板A),否则鼠标移过去后,由于不在热点区域中,面板会自动隐藏。
动态面板A 在鼠标移入时,等待1001毫秒,然后状态为显示;鼠标移出,隐藏。
在动态面板A显示时,鼠标通过X区域位置移到动态面板A,点选相应内容是,做交互跳转到相应页面,这一步就比较简单了。
复杂的办法是,增加一个hotspot,放在A区域旁边并重叠一部分,并将该hotspot置顶,设置交互条件,当鼠标移入该区域,动态面板B显示。这个麻烦的地方在于,你要B消失的时候,不能往有锚点的地方移鼠标。
——————————————————————————————————————————
以上只是最简单的选项改变后跳转页面,事实上我个人觉得跟你需要的效果是不一样的,因此我建议如果你需要做的比较逼真,例如网页上鼠标移到区域内,自动站下下拉菜单,然后鼠标点击相应不同内容,跳转到不同页面,这种比较精准的模拟,我建议还是用动态面板来模拟(附件放了这个做法的rp,axure7.0),方式如下:
以一串文本文字为例,鼠标移到热点区域X中,原本隐藏的动态面板A(也可以用设为组合的多个形状来替代,操作都一样)为显示,鼠标移出后,等待1000毫秒后隐藏(等待时间可自己设置,基本上考虑300毫秒以上);显示和隐藏设置下拉、上拉效果。等待1000毫秒(以及下面等待1001毫秒)是为了能让鼠标移出X区域移入A区域的瞬间,A区域不自动隐藏(缺点是,不管怎么移出X区域,都要等1秒才会隐藏面板A),否则鼠标移过去后,由于不在热点区域中,面板会自动隐藏。
动态面板A 在鼠标移入时,等待1001毫秒,然后状态为显示;鼠标移出,隐藏。
在动态面板A显示时,鼠标通过X区域位置移到动态面板A,点选相应内容是,做交互跳转到相应页面,这一步就比较简单了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询