dreamweaver8怎么做导航栏中的下拉菜单 |
您所在的位置:网站首页 › dw如何设置导航栏 › dreamweaver8怎么做导航栏中的下拉菜单 |
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 |