当前位置：首页 -> 网页设计 -> DREAMWEAVER -> DreamweaverMX制作导航下拉菜单

DreamweaverMX制作导航下拉菜单

时间： 2021-07-31 作者：daque

dreamweaver从出山此后，其简单易用而又功效宏大的“动作”(behavior)从来是大师所关心的热门之一。在dreamweaver mx(dw mx)中，对这一功效又有了夸大与矫正。

在dw mx中，动作指的是为了相应某一事变(event)而采用的一个操纵(action)。个中event 指的是欣赏器的事变，比方窗口革新、鼠标挪动等。而 action 指的是后盾相应事变的 javascript 代码，不妨实行相映的操纵，比方播放声响、翻转图片等。

用dw mx创造导航下拉菜单是网页中常常运用的殊效之一。(如图1)重要运用了dw mx中的“show-hide layers”动作。

图1

开始创造好导航条(图第11中学的“产物重心”那一栏)，随后增添一个层，动作下拉菜单将要表露的场所，并填入下拉菜单的对应栏目。

接下来，翻开“behaviors”面板，同声选中“产物重心”链接(提防，这个功夫不不妨选中方才建好的层，要不没辙运用“show-hide layers”动作)，单击“+”号，采用“show-hide layers”，就不妨看到咱们方才建好的层在采用项中，不妨设定于湮没大概表露(如图2)。

dreamweavermx制作导航下拉菜单

图2

dreamweavermx制作导航下拉菜单

动作的妙用重要展现在：即使咱们要实行下拉菜单，要害即是让鼠标移到“产物重心”链接上时，使层表露；而鼠标摆脱链接时，使层湮没。按照这种思维，咱们开始为这个层创造两个action，一个采用hide，一个采用show。而后，安排event，将hide layer的event设为onmouseout，即为鼠标摆脱链接；而将show layer的event设为onmouseover，即为鼠标选中链接。按“f12”预览，就可看到咱们期盼的功效。

如许，平常咱们感触很神奇的导航下拉菜单就不妨简单在动作中实行。还不妨在导航链接上连接运用 “swap image”动作，实行鼠圈点选链接时展示图片翻转功效。

动作不是一个个独立的殊效，不妨由多个动作拉拢叠加实行搀杂的功效，除去dw mx默许树立好的动作外，咱们还不妨从www.mcromedia.com左右载更多更酷的第三方动作，咱们只需将它们径直复制到dreamweavermxconfigurationbehaviorsactions目次下即可，进而使dw mx的这一闪烁点越发眩目。

DreamweaverMX制作导航下拉菜单

相关推荐

推荐下载

热门阅览

最新排行