1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 怎样用Dreamweaver制作导航栏下拉菜单 – CSS – 前端 css3动画特效作业

怎样用Dreamweaver制作导航栏下拉菜单 – CSS – 前端 css3动画特效作业

时间:2018-05-09 01:12:32

相关推荐

怎样用Dreamweaver制作导航栏下拉菜单 – CSS – 前端 css3动画特效作业

DreamWeaver 是用标签行为的功能来制作下拉菜单的。 具体步骤:

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

2.绘制一个 宽度130px; 高度20px; 的层 在层里插入同样大小的表格 这时DreamWeaver会自动命名ID为 Layer1

3.在此层下面 紧接着再绘一个宽度一样 高度为100px;的层 DreamWeaver会自动命名ID为 Layer2 同样在层也插入相同大小的表格,插入表格是 让文字分层居中。

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

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

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

7.在行为里添加onMouseOver(意思是鼠标经过时) 同样的方法 让 Layer2 隐藏 在行为里添加onMouseOut(意思是鼠标离开时) 这样就成功,可是会发现离开总菜单 下拉菜单也消失了,所以 最后还要选中 Layer2 再做一次 Layer2的onMouseOver onMouseOut 行为。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。