| 用DW MX制作导航下拉菜单(组图) | ||||
| 日期:2006-10-10 13:32:19 人气: [大 中 小] | ||||
Dreamweaver从出道以来,其简便易用而又功能强大的“行为”(Behavior)一直是大家所关注的热点之一。在DreamweaverMX(DWMX)中,对这一功能又有了扩充与改进。 在DWMX中,行为指的是为了响应某一事件(Event)而采取的一个操作(Action)。其中Event指的是浏览器的事件,比如窗口刷新、鼠标移动等。而Action 指的是后台响应事件的 JavaScript代码,可以完成相应的操作,比如播放声音、翻转图片等。 用DW MX制作导航下拉菜单是网页中经常使用的特效之一。(如图1)主要应用了DW MX中的“Show-HideLayers”行为。
接下来,打开“Behaviors”面板,同时选中“产品中心”链接(注意,这个时候不能够选中刚刚建好的层,否则无法应用“Show-HideLayers”行为),单击“+”号,选择“Show-HideLayers”,就可以看到我们刚刚建好的层在选择项中,可以设定为隐藏或者显示(如图2)。
行为的妙用主要体现在:如果我们要实现下拉菜单,关键就是让鼠标移到“产品中心”链接上时,使层显示;而鼠标离开链接时,使层隐藏。根据这种思想,我们首先为这个层设立两个Action,一个选择Hide,一个选择Show。然后,调整Event,将HideLayer的Event设为OnMouseOut,即为鼠标离开链接;而将ShowLayer的Event设为OnMouseOver,即为鼠标选中链接。按“F12”预览,就可看到我们期盼的效果。 | ||||
| 出处:CnCode转载收集 作者:不详 |

