[已解决]类似“白社会”顶部“通知”按钮如何实现?
白社会顶部导航“通知”有如下效果:初始状态;
鼠标滑过,会变颜色(这个通过“编辑轮换样式”已经实现)
点击该按钮(出现一个动态面板):
(点击“通知”按钮,切换动态面板的可见属性,已经实现,按钮对面板的“开关”功能)
现在,最后一个状态不知道如何实现:
动态面板可见的条件下,在空白区域,点击,动态面板则“隐藏”? 看一下是不是这个 2楼做的还欠一些地道,当鼠标进入“通知”两字时出现了层,但鼠标还未进入出现的层,刚刚离开“通知”两字时,出现的层又隐藏了。
我在你的基础上做了一些修改。
关键说明:
在弹出层面板的下面一层放置一个图片热区,该热区的大小要略大于弹出层的大小。在热区上设置OnMouseOut事件,当鼠标离开热区时隐藏弹出层。
将隐藏层的交互动作放在底层的热区上,这样不影响在层上面的内容做其它交互动作。
详见下载的实例:
---------------------------------------------------
另一个相关的示例:http://www.hiaxure.com/thread-789-1-1.html 恩,相当不错。谢谢。
交互效果最好的是3#的第一个实例 OnMouseEnter
OnMouseOut
至于如何实现楼主所提那个问题,应该有很多种方式都可以实现(如动态面板+Image Map Region)。最土方式就是enter做一个页面,out做一个页面。鼠标定义下关联2个页面也可以实现同类效果,虽然需要读取不同页面。 不错,很实用的东东啊!呵呵! 八错~ :) 学习哟。 不错..学习中.. 下载学习 恩,相当不错。谢谢。 还是需要不断的学习啊,做的漂亮真是很重要的事情啊 学习~ “关键说明:
在弹出层面板的下面一层放置一个图片热区,该热区的大小要略大于弹出层的大小。在热区上设置OnMouseOut事件,当鼠标离开热区时隐藏弹出层。”
3#的这种思路很值得借鉴!! 换个方式:用一个图层实现 呵呵,狂下载,回一个。:) 不错不错,非常感谢,学习啦 恩 谢谢 不错
页:
[1]
2