一直在致力于为广安计算机爱好者营造这样一个学习环境:"轻松、高效、实际、体贴"。虽然前路漫漫,但我们在探索着、慢慢成熟着…… 网站首页┊QQ号发布┊软件下载┊游戏外挂┊黑客技术┊广安博客┊交流论坛
设为首页
加入收藏
投稿信箱
网站首页 ┊操作系统 ┊系统集成 ┊程序开发 ┊网页制作 ┊图形图象 ┊安全技术 ┊黑客技术 ┊硬件 DIY ┊业内新闻 ┊广安博客 ┊交流社区
当前位置:广安计算机信息中心 -=> 网页制作 -=> Dreamweaver -=> 正文  
热门文章
 普通文章 用Dreamweaver制作导.. 
 普通文章 解决在Dreamweaver中.. 
 普通文章 多媒体教程:添加网站.. 
 推荐文章 Dreamweaver表格经验.. 
 推荐文章 网站设计多媒体教程:.. 
 普通文章 DW MX 2004的Flash动.. 
 普通文章 用Dreamweaver设计自.. 
 普通文章 用Dreamweaver实现不.. 
 普通文章 禁止背景图在网页中平.. 
 普通文章 Dreamweaver技术精华.. 
相关文章
推荐文章
 推荐文章 用DreamweaverMX实现.. 
 推荐文章 Dreamweaver表格经验.. 
 推荐文章 网站设计多媒体教程:.. 
用Dreamweaver制作导航下拉菜单 【字体:大 中 小】
作者:[Seraphim] 来源:[广安计算机信息中心] 浏览:[ ] 评论:[] 
 

  在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上下载更多更酷的第三方行为,我们只需将它们直接复制到DreamweaverMX\\\\Configuration\\\\Behaviors\\\\Actions\\\\目录下即可,从而使DW MX的这一闪光点更加眩目。
]]>
【 打印 】【 收藏 】【 评论 】
评一评(点击可查看更多评论)
 
广告服务

设为首页 - 加入收藏 - 关于我们 - 广告服务 - 版权申明 - 友情链接 - 网站地图