xumn6 发表于 2010-4-6 16:30:11

通知消息展开后,不要移出就消失

如何实现这个效果?http://www.chnlove.com/my/woman.php?womanid=P346371      
打开这个网站后,在下面Agency Member那里有一个小问号~http://www.chnlove.com/imgs/why_icon.gif

当鼠标放上去的时候显示出内容,鼠标移开后关闭显示内容。    这一步我还是会做的, 但这个时候出一个问题, 当显示的文字内容需要点击里面的超链接的时候,鼠标一移开那个问号~http://www.chnlove.com/imgs/why_icon.gif    显示内容的层就关闭了,这样也导致点击不了超链接!

请问如何实现这个效果??

尹广磊 发表于 2010-4-6 16:55:15

更新:此问题有了更方便的新方法:Axure7 用面板制作下拉菜单的新方法

参考下图和实例文件:




实例文件:




--------------------------

下边是一个实现方式2



--------------------------

下边是一个实现方式3




---------------------------


鼠标移入头像显示浮动层示例:
http://www.hiaxure.com/thread-6766-1-1.html


一级导航的下拉菜单的示例:
http://www.hiaxure.com/thread-7985-1-1.html


图片上悬停时显示文字:
http://www.hiaxure.com/thread-9495-1-1.html


Axure7.0面板显示时的遮罩效果
http://www.hiaxure.com/thread-10633-1-1.html

xumn6 发表于 2010-4-7 09:57:10

尹兄,你做出来的原型效果是差不多了,但是还是有个问题!!就是有时候鼠标左边移开的时候下面的通知层还是在, 移开到上面去才消失。。

莫胜利 发表于 2010-4-16 13:54:50

- -鼠标移动过快,会失效,将图片映射区域“不放在”动态面板里效果要好点。。。

杨武建 发表于 2011-5-18 11:19:59

个人比较喜欢第二个,对热区的了解更深入了一些。热区可以做到矩形做不到的功能。对动态面板的理解也更加深入了。

武森 发表于 2011-5-18 13:35:07

这个效果用真实的js很好做,目前Axure做不到先wait再if,没必要做的这么完美吧,语言/文字表达就行了。

如果非要做成原型,可以看我的例子,很麻烦,也不太好理解,需要用上变量,反复切换状态的控制方式

需要一个额外的动态面板做计时器+判断器
鼠标悬停?,显示提示
鼠标移出?或移出提示区域,随后在1秒内移入提示区域,提示不会消失
鼠标移出?或移出提示区域,随后1秒内没有移入提示区域,提示消失

dorock 发表于 2011-7-10 20:05:25

看看!!!

田凤鸣 发表于 2011-7-11 14:19:30

不错,学习!

陈颢 发表于 2011-7-15 20:02:37

学习了,真强大

抓住羊肉汤 发表于 2011-7-21 17:29:16

2# 尹广磊


请教下尹兄,针对“消息通知展开2.rp”,我如果在动态面板里面放置矩形部件,并在OnMouseOut事件设置鼠标移除后隐藏面板,也可以达到同样效果,为何还要弄一个图片映射区?

microxxx123 发表于 2011-12-10 16:28:30

10# 抓住羊肉汤


试试就知道了,还在当前区域把鼠标晃两下,面板就隐藏了

乖丫头 发表于 2012-2-9 10:57:54

:victory:学会啦!太高兴啦!

北禾 发表于 2012-3-15 15:40:21

不错,学习!

北禾 发表于 2012-3-15 15:41:27

不错,学习!

Brook 发表于 2012-4-1 16:51:08

谢谢尹大哥!!!!

c_ghost 发表于 2012-5-6 22:17:46

谢谢尹大哥!!!! 学习了~~

lilyamily 发表于 2012-5-9 17:55:34

学会啦,谢谢哦~~~~:victory:

挥汗如雨 发表于 2012-5-18 14:44:03

webppd:sadwebppd:inlove灰常喜欢啊 哈哈哈

冯燕 发表于 2012-5-26 20:31:10

谢谢,学习了,很强大哦!

于远洋 发表于 2012-5-31 16:52:06

疯了,为什么我按照通知消息2做完了之后,没法得到一样的效果呢?谁帮我看看为什么
页: [1] 2 3
查看完整版本: 通知消息展开后,不要移出就消失