巧用Behaviors制消息框又一法-站长中国-中国站长门户从这里开始全面了解中国站长

巧用Behaviors制消息框又一法

　 2007年11月17日05:03:07　评论(0条) 字体:[大中小]
相关热点：

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

责任编辑：

拍一下