dreamweaver8怎么做导航栏中的下拉菜单

您所在的位置:网站首页 dw如何设置导航栏 dreamweaver8怎么做导航栏中的下拉菜单

dreamweaver8怎么做导航栏中的下拉菜单

2024-07-15 04:47| 来源: 网络整理| 查看: 265

DreamWeaver 是用标签行为的功能来制作下拉菜单的。

具体步骤:

在DreamWeaver中绘制层(注意是绘制层,不是插入div)

绘制一个 宽度130px; 高度20px; 的层 在层里插入同样大小的表格

这时DreamWeaver会自动命名ID为 Layer1

在此层下面 紧接着再绘一个宽度一样 高度为100px;的层 

DreamWeaver会自动命名ID为 Layer2

同样在层也插入相同大小的表格,插入表格是 让文字分层居中。

选中 Layer2 让它默认是隐藏 (在Layer2左边点一下 让眼睛闭着就是隐藏的意思了)

在网页中选 Layer1 点标签行为面板的+ >>显示-隐藏层 选项

弹出窗口 选中Layer2 点显示 然后确定

在行为里添加onMouseOver(意思是鼠标经过时)

同样的方法 让 Layer2 隐藏 

在行为里添加onMouseOut(意思是鼠标离开时)

这样就成功,可是会发现离开总菜单 下拉菜单也消失了,所以

最后还要选中 Layer2 再做一次 Layer2的onMouseOver onMouseOut 行为。

制作逗蔽含出的全部代码如下:

" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" target="_blank">http://www.w3.org/1999/xhtml">无标题文档            总菜单                  菜单              菜单              菜单              菜单              菜单      


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3