下拉菜单全攻略之Dreamweaver篇(上)

2008-02-23 06:11:45来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

  下拉菜单是网上最常见到的效果之一,用鼠标轻轻一点或是移过去,就出现一个更加周详的菜单,他不但节省了网页排版上的空间、使网页布局简洁有序,而且一个新颖美观的下拉菜单,更是为您的网页增色不少。
  制作下拉菜单的方法多种多样,本期专栏将为您介绍四种常用的制作方法,让您随心打造自己的下拉菜单。


■ 用Dreamweaver制作下拉菜单

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



??相信您已等不急了,那就让我们马上开始吧!

[巧夺天工—CorelDRAW入门和进阶实例] [巧夺天工——Flash MX 2004入门和进阶实例]

[1] [2] [3] 下一页


标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: 下拉菜单全攻略之Dreamweaver篇(下)

下一篇: Dreamweaver MX中文版建站攻略(五)