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

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

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

初始状态;

鼠标滑过，会变颜色（这个通过“编辑轮换样式”已经实现）

点击该按钮（出现一个动态面板）：

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

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

看一下是不是这个

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

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

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

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

详见下载的实例：

层面板触发.rar (116.88 KB, 下载次数: 589)

---------------------------------------------------
另一个相关的示例：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

不错