DreamweaverMX制作导航下拉菜单
作者：林晓清 来源：赛迪网 发布时间：2010-07-02 16:29:00
Dreamweaver从出道以来，其简便易用而又功能强大的“行为”(Behavior)一直是大家所关注的热点之一。在Dreamweaver 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上下载更多更酷的第三方行为，我们只需将它们直接复制到DreamweaverMXConfigurationBehaviorsActions目录下即可，从而使DW MX的这一闪光点更加眩目。
0
投稿猜你喜欢
- 许可和分发权限Access 2003 Developer Extensions随附的许可协议简化了解决方案或代码段的分发过程。这些协议包括免
阅读上一篇：交互设计模式(二)-Pagination(分页,标记页数) Tagging(标签)问题摘要用户往往想通过流行或最详尽的主题来浏览- 阅读上一篇：打造设计你自己的字体 Ⅱ永远都在寻觅字体设计的灵感。夏天过后，我买了一套便宜的书法钢笔，说服自己，它会让我的鸡爬字产生脱胎换骨的
- 也不一定，以前从来没有深入的研究过sql查询，最近买了一本T-SQL查询的书，把以前忽视的问题都记录一下 以前一直模模糊糊的把sqlserv
- 如何制作一个安全的页面？随后，让我们来编程：manage.asp' 登录页面<％@ Language=VB
- 本文描述通过统计分析出医院信息系统需分区的表，对需分区的表选择分区键，即找出包括在你的分区键中的列(表的属性)，对大型数据的管理比较有意义，
- Dreamweaver从出道以来，其简便易用而又功能强大的“行为”(Behavior)一直是大家所关注的热点之一。在Dreamweaver
- 前言: 这篇文章主要介绍RMAN的常用方法，其中包含了作者一些自己的经验，里面的实验也基本全在WIN 2K和ORACLE 8.1.6环境下测
- 二、XML的定义 XML是一个精简的SGML，它将SGML的丰富功能与HTML的易用性结合到Web的应用中。XML保留了SGML的可扩展功能
- 在一开始接触PHP接触MYSQL的时候就听不少人说：“MySQL就跑跑一天几十万IP的小站还可以，要是几百万IP就不行了
- <％ dim conn,mdbfile mdbfile=server.mappath("数据库名称.mdb") s
- 以下效率，是奔腾 dual1.6G HZ，1G内存电脑，ie6.0下toggle()与slideToggle("fast"
- 我们小组讨论的话题是tab（标签）在使用时的禁忌。在讨论的开始，大家很快产生了六个感兴趣的话题：如何处理海量的tab？在浏览器中关掉tab之
- 这个帖子在51js看到的，觉得很有学习意义，看看高手们是怎么做的吧！提问者：infinte急求：正则或算法，JS VBS均可。要求：[1]支
- 最近看到N多介绍CSS框架，前些天我说过一句话：“在我有限的视野里，还没见到可以真正可以称得上css框架的东东~”，当然也可能是我的视野太小
- 作为一位不懂代码的业余网页制 * 好者，常常羡慕专业程序人员在浏览器中编制出的效果超酷的一些多媒体作品。唉，无奈程序那东东，酶涩南学，非一日之
- 非常好的边框样式设置工具,使用该工具您可以很方便的为DIV设置简单的边框样式，如果放在DW中会更好。会制作DW插件的高手，请帮忙制作成DW插
- 全局变量是魔鬼。在YUI中，我们仅用两个全局变量：YAHOO和YAHOO_config。YUI的一切都是使用YAHOO对象级的成员或这个成员
- 今天发现百度图片搜索结果的2级页面改版了，在浏览图片的时候很好用：如图：在浏览图片的时候，右侧的缩略图是这样交互的：因此，在整个浏览图片的过
- MySQL是关系型数据库中的明星，MongoDB是文档型数据库中的翘楚。下面通过一个设计实例对比一下二者：假设我们正在维护一个手机产品库，里
