6498782 发表于 2009-8-7 16:35:12

[已解决]类似“白社会”顶部“通知”按钮如何实现?

白社会顶部导航“通知”有如下效果:

初始状态;


鼠标滑过,会变颜色(这个通过“编辑轮换样式”已经实现)

点击该按钮(出现一个动态面板):



(点击“通知”按钮,切换动态面板的可见属性,已经实现,按钮对面板的“开关”功能)
现在,最后一个状态不知道如何实现:
动态面板可见的条件下,在空白区域,点击,动态面板则“隐藏”?

turbotian 发表于 2009-8-7 19:08:36

看一下是不是这个

尹广磊 发表于 2009-8-7 20:00:32

2楼做的还欠一些地道,当鼠标进入“通知”两字时出现了层,但鼠标还未进入出现的层,刚刚离开“通知”两字时,出现的层又隐藏了。

我在你的基础上做了一些修改。

关键说明:
在弹出层面板的下面一层放置一个图片热区,该热区的大小要略大于弹出层的大小。在热区上设置OnMouseOut事件,当鼠标离开热区时隐藏弹出层。
将隐藏层的交互动作放在底层的热区上,这样不影响在层上面的内容做其它交互动作。

详见下载的实例:





---------------------------------------------------
另一个相关的示例:http://www.hiaxure.com/thread-789-1-1.html

6498782 发表于 2009-8-7 22:08:21

恩,相当不错。谢谢。


交互效果最好的是3#的第一个实例

hirobiny 发表于 2009-10-2 02:59:15

OnMouseEnter

OnMouseOut

至于如何实现楼主所提那个问题,应该有很多种方式都可以实现(如动态面板+Image Map Region)。最土方式就是enter做一个页面,out做一个页面。鼠标定义下关联2个页面也可以实现同类效果,虽然需要读取不同页面。

d1media 发表于 2010-1-5 09:03:22

不错,很实用的东东啊!呵呵!

董珊珊 发表于 2010-1-5 14:21:36

八错~

sunliu 发表于 2010-1-19 02:54:44

:)

searchlove 发表于 2010-1-21 16:30:32

学习哟。

Dawnxu 发表于 2010-1-22 15:02:10

不错..学习中..

stick 发表于 2010-1-26 15:51:48

下载学习

许文龙 发表于 2010-2-26 11:25:06

恩,相当不错。谢谢。

西游 发表于 2010-3-18 22:13:41

还是需要不断的学习啊,做的漂亮真是很重要的事情啊

Judy_yin 发表于 2010-6-11 15:09:23

学习~

xxss 发表于 2010-6-11 17:41:37

“关键说明:
在弹出层面板的下面一层放置一个图片热区,该热区的大小要略大于弹出层的大小。在热区上设置OnMouseOut事件,当鼠标离开热区时隐藏弹出层。”

3#的这种思路很值得借鉴!!

guosuyang 发表于 2010-6-12 12:15:46

换个方式:用一个图层实现

小鹅 发表于 2010-6-13 15:25:47

呵呵,狂下载,回一个。:)

徐国锦 发表于 2010-6-18 10:04:18

不错不错,非常感谢,学习啦

苏心糖 发表于 2010-8-13 10:36:07

恩 谢谢

李谭伟 发表于 2010-8-16 11:34:47

不错
页: [1] 2
查看完整版本: [已解决]类似“白社会”顶部“通知”按钮如何实现?