你若感到用Behaviors的Poppup Message动作制作的消息框不太漂亮、缺乏个性,那么你就用Behaviors的Show-Hide Layers动作来做吧,用它你可以随心所欲地设计消息框,当然在操作上比Poppup Message动作要复杂一点,不过也只是多点几次鼠标而已。先看下面的效果图:
图1 超级链接上的消息框
看到了吧!上图中那黄色部分就是当鼠标移到“返回”这个超级链接上才弹出的消息框,是不是有点个性。下面我们就以此为例来介绍Show-Hide Layers动作的应用方法。其制作思路是这样的:在一个图层上设计消息框的内容及风格,由于图层支持所有的网面制作技术,因此可以设计出很有个性的消息框。Show-Hide Layers动作的功能是显示或隐藏指定的图层,所以我们只要在需要显示消息框的地方加载这个动作,再用onMouseOver事件触发显示图层动作,用onMouseout触发隐藏图层动作,不就实现了消息框的显示和关闭。
制作步骤:
1、先做一个超级链接(为什么一定要做超级链接,后面再讲);
2、点击“Insert”菜单选择“Layer”插入一个图层,重复操作一次,再插入一个图层,这样插入的图层的特点是:第一次插入的图层是“父层”,第二次插入的图层是“子层”,而且都是使用相对坐标定位。图层在与表格混合排版时定位不准,其原因是它使用了绝对坐标定位。用对象面板插入的图层都是用绝对坐标定位的,而用“Insert”菜单插入的图层在没有拖动时是使用相对坐标的,一旦用鼠标拖动就改为绝对坐标了,而“子层”永远用相对坐标(相对于“父层”)。为了避免误操作拖动“父层”,从而给定位带来麻烦,我们把“父层”的“Width”和“height”均设置为“1”。再把“子层”拖到合适的位置,在上面设计消息框及内容。
3、选取超级链接,按F8调出Behaviors面板,按面板上的“+”图标,在动作列表中选择Show-Hide Layers动作,立即弹出如下图所示的对话框:
图2 Show-Hide Layers动作对话框
4、在上面这个Show-Hide Layers动作对话框中,先在“Name Layers:”右面的选择框里选择消息框的所在图层名,可不能选错哦!然后,点击“Show”按钮选择具体动作为显示图层,按“OK”按钮返回Behaviors面板,把触发事件改为onMouseOver(当然也可选其它事件);重复操作一次,具体动作选择“Hide”(隐藏图层),再把触发事件改为onMouseOut。制作结束,按F12就可以看到你的个性消息框了。
由于Behaviors的动作不能直接加载到普通文本,所以在第一步中做了一个超级链接,若你需要在普通文本上弹出消息框,可参考本专题的“用好Behaviors基本功”一文的变通办法处理一下就行了。Show-Hide Layers动作是一个用处很大的动作,用它可以制作出各种各样的下拉菜单、招之即出挥之即去的留言簿等等,我在互动学校的“活用图层”系列文章中已介绍过,这里不再重复。