巧用Behaviors制消息框又一法

　　您若感到用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动作是个用处很大的动作，用他能够制作出各种各样的下拉菜单、招之即出挥之即去的留言簿等等，我在互动学校的“活用图层”系列文章中已介绍过，这里不再重复。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有