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

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

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

当鼠标放上去的时候显示出内容，鼠标移开后关闭显示内容。这一步我还是会做的，但这个时候出一个问题，当显示的文字内容需要点击里面的超链接的时候，鼠标一移开那个问号~

显示内容的层就关闭了，这样也导致点击不了超链接！

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

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

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

参考下图和实例文件：

2010-4-6 16-50-57.gif

实例文件：

通知消息展开.rp (47.97 KB, 下载次数: 1833)

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

下边是一个实现方式2

通知消息展开2.rp (47.71 KB, 下载次数: 1457)

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

下边是一个实现方式3

更多消失展开3.rp (64.59 KB, 下载次数: 456)

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

鼠标移入头像显示浮动层示例：
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做完了之后，没法得到一样的效果呢？谁帮我看看为什么