下拉菜单全攻略-用Dreamweaver制作下拉菜单

日期：2007年9月3日作者：查看:[大字体中字体小字体]

　Dreamweaver是制作下拉菜单最常用的工具，方法简单，控制自由，可以最大限度地随心打造菜单样式，是制作下拄菜单的必修课。
　　用Dreamweaver制作下拉菜单的原理很简单，它利用了Behaviors（行为）面板中的内置方法Show-Hide Layers（隐藏-显示层）方法，并用onMouseOver（鼠标移至）和onMouseOut（鼠标移开）来触发层的隐藏和显示，而将要出现的菜单就在层中。
　　因此，我们可以分四步来制作下拉菜单，首先我们需要一个导航条，它用来放置首先出现在浏览者眼前的主菜单；然后再制作开始隐藏着而将会出现的下拉选单；接着，进行最关键的一步，为主菜单和下拉选单添加上隐藏和显示层的效果；最后，我们进行菜单的美化修饰。最终看到的效果如图，您也可以访问以下地址：menu.htm

　　相信你已经等不急了，那就让我们马上开始吧！

一、导航条的制作

首先进行一些必要的前期工作，按CTRL+J，打开Page Properties（页面属性）窗口，参数设置如图二，这一设置对菜单的位置将有影响，所以请如图设置。

按CTRL+F2打开Objects面板，点击层按钮后在页面中按住鼠标不放拖出一个层，然后在层的Properties（属性）面板中设置各参数，Layer ID框填入title，L、T、W、H框分别填入8、15、480、15，背景色填入#006699，如图。

将光标移至层内，点击Objects面板上的表格按钮，插入一个一行四列的表格，设置如图。

按住CTRL键不放点取表格的四个单元格，然后设置它们的宽度为120，并在前两个单元格中输入文字，就是你的主菜单名，可按自己想要的名字输入，我用"经典论坛"和"天极网"为例，并加上链接。

二、下拉选单的制作

现在开始制作将要下拉出现的菜单，同样用层来制作。
再次从Objects面板插入一个层到前面我们做好的导航条的下方，各项参数填为：Layer ID框填入menu1，L、T、W、H框分别填入8、34、120、80，背景色填入#999966，其中L和T两个参数是设置这个层距离窗口左边框和上边框的距离，一定不能填错，不然菜单将会错位，也将影响完成后的可用性。

这时候，我们便可以在menu1这个层中输入我们所要的菜单内容。为了排版方便，我在这还是使用表格来做菜单。这个层将作为"经典论坛"的下拉选单出现，填入你所需要的菜单链接。同样的方法，再为"天极网"也做一个下拉选单（层menu2）。

这一步要注意的地方就是下拉选单所在的层（menu1、menu2）的位置非常重要（由L和T两个参数决定）。它们的上边线应该紧贴导航条的下边线，这样才能保证在后面我们完成第三个步骤后，菜单能正常使用。因为如果远离导航条的话，鼠标一离开导航条，菜单就消失了。
[1] [2] [3] 下一页
下拉菜单全攻略-用Dreamweaver制作下拉菜单相关文章：
·大量Windows Vista 边栏小工具下载
·p8:电影还是边下边看的好
·windows2000 windowsXP系统补丁下载
·大学生思想状况调查报告(下）
·IE7浏览器下载免验证IE7简体中文版下载
·卡巴斯基6.0key杀毒软件下载
·vista下用什么刻录软件？
·如何在Vista下安装矮人ＤＯＳ工具
·酷！Vista图标下载(Vista Aero Pack2)
·Flash制作非常逼真的下雪视觉动画效果
下拉菜单全攻略-用Dreamweaver制作下拉菜单相关软件
·七龙珠Z天下第一武道大会3
·暴力摩托2004下载
·暴力摩托2008下载
·《富甲天下4》繁体中文版v1.04补丁
·天下第一签个性签名设计系统 V1.2
·乱武天下 0.820 客户端
·《星际争霸》微操地图合集下载
·地下城守护者2
·《富甲天下4》v1.01版免CD补丁
·Quake3下载

上一篇:自适应分辨率可扩展二层JS下拉菜单

下一篇:带你玩转Media Player Classic的字幕功能

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

下拉菜单全攻略-用Dreamweaver制作下拉菜单

精品推荐

热点TOP10

特别推荐