<b>用Dreamweaver MX制作导航下拉菜单</b>[DW设计]

从出道以来,其简便易用而又功效强盛的“行为”(Behavior)一向是大家所关注的热门之一.在 MX(DW MX)中,对这一功效又有了扩大与改良.

　　在DW MX中,行为指的是为了呼应某一事件(Event)而采纳的一个操作(Action).此中Event 指的是浏览器的事件,比方窗口革新、鼠标移动等.而 Action 指的是后台呼应事件的 javascript 代码,可以完成呼应的操作,比方播放声音、翻转图片等.

　　用DW MX制作导航下拉菜单是中常常利用的特效之一.(如图1)主要利用了DW MX中的“Show-Hide Layers”行为.
 

图1

　　首先制作好导航条(图1中的“产品中央”那一栏),随后增添一个层,作为下拉菜单将要显示的位置,并填入下拉菜单的对应栏目.


　　接下来,翻开“Behaviors”面板,同时选中“产品中央”链接(注意,这个时刻不可以选中方才建好的层,不然无法利用“Show-Hide Layers”行为),单击“+”号,挑选“Show-Hide Layers”,便可以看到我们方才建好的层在挑选项中,可以设定为躲藏大概显示(如图2).

 

图2

　　行为的妙用主要表目前:假如我们要实现下拉菜单,关键就是让鼠标移到“产品中央”链接上时,使层显示;而鼠标脱离链接时,使层躲藏.按照这种思惟,我们首先为这个层设立两个Action,一个挑选Hide,一个挑选Show.然后,调整Event,将Hide Layer的Event设为OnMouseOut,即为鼠标脱离链接;而将Show Layer的Event设为OnMouseOver,即为鼠标选中链接.按“F12”预览,便可看到我们期盼的效果.

　　这样,平常我们认为很奥秘的导航下拉菜单便可以简单在行为中实现.还可以在导航链接上持续利用 “Swap Image”行为,实现鼠标点选链接时呈现图片翻转效果.

　　行为不是一个个孤独的特效,可以由多个行为组合叠加实现复杂的功效,除了DW MX默许设置好的行为外,我们还可以从www.mcromedia.com上更多更酷的第三方行为,我们只需将它们直接复制到MX\Configuration\Behaviors\Actions\目录下便可,从而使DW MX的这一闪光点越发眩目.