查看: 62953|回复: 46

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

[复制链接]

0

主题

32

回帖

160

积分

会员

Rank: 5Rank: 5

积分
160
发表于 2010-4-6 16:30:11 | 显示全部楼层 |阅读模式
10
如何实现这个效果?http://www.chnlove.com/my/woman.php?womanid=P346371      
打开这个网站后,在下面Agency Member  那里有一个小问号~  

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

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

513

主题

6310

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
75210
QQ
发表于 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

0

主题

32

回帖

160

积分

会员

Rank: 5Rank: 5

积分
160
 楼主| 发表于 2010-4-7 09:57:10 | 显示全部楼层
尹兄,你做出来的原型效果是差不多了,但是还是有个问题!!就是有时候鼠标左边移开的时候下面的通知层还是在, 移开到上面去才消失。。

0

主题

25

回帖

249

积分

会员

Rank: 5Rank: 5

积分
249
发表于 2010-4-16 13:54:50 | 显示全部楼层
- -鼠标移动过快,会失效,将图片映射区域“不放在”动态面板里效果要好点。。。

0

主题

9

回帖

63

积分

会员

平民

Rank: 5Rank: 5

积分
63
发表于 2011-5-18 11:19:59 | 显示全部楼层
个人比较喜欢第二个,对热区的了解更深入了一些。热区可以做到矩形做不到的功能。对动态面板的理解也更加深入了。

0

主题

36

回帖

106

积分

会员

Rank: 5Rank: 5

积分
106
发表于 2011-5-18 13:35:07 | 显示全部楼层
这个效果用真实的js很好做,目前Axure做不到先wait再if,没必要做的这么完美吧,语言/文字表达就行了。

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

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

延时关闭.rp

48.8 KB, 下载次数: 346

0

主题

1

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2011-7-10 20:05:25 | 显示全部楼层
看看!!!

0

主题

3

回帖

41

积分

会员

Rank: 5Rank: 5

积分
41
发表于 2011-7-11 14:19:30 | 显示全部楼层
不错,学习!

0

主题

1

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2011-7-15 20:02:37 | 显示全部楼层
学习了,真强大

0

主题

11

回帖

31

积分

会员

Rank: 5Rank: 5

积分
31
发表于 2011-7-21 17:29:16 | 显示全部楼层
2# 尹广磊


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

0

主题

27

回帖

15

积分

会员

Rank: 5Rank: 5

积分
15
发表于 2011-12-10 16:28:30 | 显示全部楼层
10# 抓住羊肉汤


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

0

主题

9

回帖

13

积分

会员

Rank: 5Rank: 5

积分
13
发表于 2012-2-9 10:57:54 | 显示全部楼层
:victory:学会啦!太高兴啦!

0

主题

2

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-3-15 15:40:21 | 显示全部楼层
不错,学习!

0

主题

2

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-3-15 15:41:27 | 显示全部楼层
不错,学习!

0

主题

2

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-4-1 16:51:08 | 显示全部楼层
谢谢尹大哥!!!!

0

主题

24

回帖

42

积分

会员

Rank: 5Rank: 5

积分
42
发表于 2012-5-6 22:17:46 | 显示全部楼层
谢谢尹大哥!!!! 学习了~~

0

主题

18

回帖

13

积分

会员

Rank: 5Rank: 5

积分
13
QQ
发表于 2012-5-9 17:55:34 | 显示全部楼层
学会啦,谢谢哦~~~~:victory:

0

主题

9

回帖

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-5-18 14:44:03 | 显示全部楼层
webppd:sadwebppd:inlove灰常喜欢啊 哈哈哈

0

主题

9

回帖

52

积分

会员

产品界❤人

Rank: 5Rank: 5

积分
52
QQ
发表于 2012-5-26 20:31:10 | 显示全部楼层
谢谢,学习了,很强大哦!

0

主题

85

回帖

59

积分

会员

Rank: 5Rank: 5

积分
59
QQ
发表于 2012-5-31 16:52:06 | 显示全部楼层
疯了,为什么我按照通知消息2做完了之后,没法得到一样的效果呢?谁帮我看看为什么

练习.rp

58.14 KB, 下载次数: 33

您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-3-29 04:38

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表