使用Dreamweaver制作Web下拉菜单效果的示例教程。

今天,我们的目标是制作一个下拉菜单,当鼠标移动到某个位置时,菜单就会出现,当鼠标打开时,菜单就会被收集。





打开软件,我们按下快捷键Ctrl + N来创建一个新文件。


单击常用的,选择布局。


单击绘制图层。


鼠标拖动,你可以创建一个图层,图层的宽度是389,高度是49。


让我们点击图层,然后画一个。我们看到,第一层是第一层和第二层,这是系统默认的。


该层的属性设置的属性栏下面的接口。好处是设置为隐藏的,这意味着如果层不载文字,文字隐藏。


把光标放在第一层,单击插入表格,三行一行和388宽度设置表。


以百度知道的形式输入百度体验,百度库,然后在属性栏中设置下列属性。


选择该层,然后设置层的属性。


在第二层的输入体验首页,个人中心,小的测试页面,帮助首页。那么下面的属性设置。


我们调整时间轴:单击窗口mdash;mdash;时间。


需要阿塞拜疆右键单击层,如图所示,然后选择添加对象。


鼠标定位时间销在第一帧,然后在第二层的高度设置为0。


然后,我们右键单击时间轴,并选择添加时间线。


右键单击,选择Add对象。


时间位置销在第十五帧,然后第二层高度为0。


以上步骤添加两个时间表timeline1和timeline2 ..接下来,我们选择百度体验这个表单是在标签对话框的右侧,选择行为,点击+;


选择时间轴并播放时间轴。


当你弹出这个对话框,我们选择timeline1点击OK。


然后将鼠标在标签栏,鼠标,这意味着鼠标移动到顶部和执行时间轴1,和层。将扩大。


同样,我们添加下面的动作,下面的图形对每个动作都有解释。


我们来到了浏览器的快捷键F12,看到这是第一个效果。


然后移动鼠标到百度体验并展开下拉菜单。你学会了吗





流行版本类型推荐
下载地址


Dreamweaver MX 2004官方中文版
点击下载


Dreamweaver CS3(DW CS3)简体中文版(50m)
点击下载


Dreamweaver CS4官方简体版采用官方原版安装模式/激活
点击下载


Dreamweaver CS3、Flash CS3 / PS图象处理软件cs3注册机注册机} { Adobe CS3
点击下载


Dreamweaver CS3简体中文精简优化版{修改CPU高的问题}
点击下载


Dreamweaver8中文绿色版(无需安装需要安装)
点击下载


Dreamweaver v8.0简体中文版(带注册机+ 8.02补丁)
点击下载


网页三剑客CS5官方简体中文正式版注册机的版本
点击下载