相关文章
北京网站设计解决div列高度自适的3种常用方法
北京网站设计KS3.0新手提高教程(一)
企通互联科汛商城管理系统介绍
网站设计教程/dreamweaver/入门 Dreamweaver 4 简明教程2(初步认识 Dreamwe
网页设计dreamweaver mx教程二十八:CSS滤镜
网站制作使FrontPage与Dreamweaver亲密合作
北京网站建设Dreamweaver制作网页的图片应用技巧
网页设计用FrongPage设计网页花样
网页设计认识FrontPage 2002扩充插件之五
网站建设用好href的target属性
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 网页设计北京网站设计用DW MX制作导航下拉菜单(组图)
网页设计北京网站设计用DW MX制作导航下拉菜单(组图)
北京网页设计
在DWMX中，行为指的是为了响应某一事件(Event)而采取的一个操作(Action)。其中Event指的是浏览器的事件，比如窗口刷新、鼠标移动等。而Action 指的是后台响应事件的 JavaScript代码，可以完成相应的操作，比如播放声音、翻转图片等。北京网页设计
网站建设
用DW MX制作导航下拉菜单是网页中经常使用的特效之一。( 北京网站建设如图1)主要应用了DW MX中的“Show-HideLayers”行为。
 |
网站设计
网站建设
接下来，打开“Behaviors”面板，同时选中“产品中心”链接(注意，这个时候不能够选中刚刚建好的层，否则无法应用“Show-HideLayers”行为)，单击“+”号，选择“Show-HideLayers”，就可以看到我们刚刚建好的层在选择项中，可以设定为隐藏或者显示(如图2)。 www.qitongnet.com
 |
企通互联
行为的妙用主要体现在：如果我们要实现下拉菜单，关键就是让鼠标移到“产品中心”链接上时，使层显示；而鼠标离开链接时，使层隐藏。根据这种思想，我们首先为这个层设立两个 北京网站设计Action，一个选择Hide，一个选择Show。然后，调整 网页设计Event，将HideLayer的Event设为OnMouseOut 企通互联，即为鼠标离开链接；而将ShowLayer的 网站设计Event设为OnMouseOver，即为鼠标选中链接。按“ 北京网页设计F12”预览，就可看到我们期盼的效果。北京网页设计
企通互联
这样，平时我们觉得很神秘的导航下拉菜单就可以轻易在行为中实现。还可以在导航链接上继续应用“SwapImage”行为，实现鼠标点选链接时出现图片翻转效果。北京网站制作
网站制作
行为不是一个个孤立的特效，可以由多个行为组合叠加实现复杂的功能，除了 北京网站制作DWMX默认设置好的行为外，我们还可以从www.mcromedia.com上下载更多更酷的第三方行为，我们只需将它们直接复制到DreamweaverMX\\Configuration\\Behaviors\\Actions\\目录下即可，从而使DWMX的这一闪光点更加眩目。网站设计