中华网通行证
用户名 密码
  科技动态 硬件广场 下载基地 网络教室 网络冲浪 科学博览 移动时代 手机上网 桌面壁纸 科技商情  

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


 赛迪网 


 

 
更多本栏目内容
??Windows 2000系统安全设置攻略
??Dreamweaver编写CSS需要掌握的技巧
??使用Flash MX过程中的3个小技巧
??拖IE9网站图标到Win7任务栏 精彩好礼任你拿
??从此不再耗流量?Google离线地图试用
??给瑞星添加移动存储自动杀毒功能
??一周壁纸榜单 靓丽风景伴您欢度周末
??金山网络七款软件齐升级 炫丽界面贺新春
??提升网站流量和权重 百度热榜排第一
预警:电商促销引钓鱼 七夕网购需谨慎

本站检索



中华网推荐

·国家级治脑病新药思维源
·中藏药治疗脑病新突破
·治类风湿,强直性脊柱炎
·养肾·痛风·长寿
·肝病泌尿脑萎缩新药介绍
·强直性脊柱炎康复乐园
·让中医辩证不孕不育
·国医治股骨头坏死一绝
·乙肝为何久治不愈?
·二千元垄断批发做老板
·中医中药专治前列腺
·治牛皮癣白癜风已成现实
·专治痛风病的白衣天使
·不孕不育的杏林奇葩
·专卖店零售管理系统





   

网络教室编辑信箱