如何用dreamweaver8.0制作导航栏中的下拉菜单效果?
发布网友
发布时间:2022-04-21 07:08
我来回答
共2个回答
热心网友
时间:2022-06-18 15:15
现在在网吧,没有DW,明天上班时,将过程整理出来!如有问题,请到
http://www.ispwl.cn/bbs
发帖说明……
热心网友
时间:2022-06-18 15:15
首先,在自己理想的位置设置好链接A,然后添加一个层Layer1,在层里面添加好你想要的下拉菜单,可以用表格形式。记得在层属性里设置层是隐藏的“hidden”。层的位置一定要紧贴A的位置,做到鼠标从A过去直接就能到层Layer1上!这一点很重要,不然不容易实现这个菜单的功能。
然后就是真正实现这个功能的时候了,在标签面板里给A添加行为"显示-隐藏层",在弹出的对话框里选中层Layer1,然后点显示,再确定,然后你会发现标签面板里有了你刚添加的行为!把行为的触发改为“OnMouseOver”,意思就是当鼠标掠过A就会显示层Layer1。这就实现了第一步,我们必须在添加一个行为,同样的道理让鼠标离开A的时候菜单消失。就是仍然给A添加行为"显示-隐藏层",在弹出的对话框里选中层Layer1,这次点隐藏,再确定,然后你会发现标签面板里有了你刚添加的两个行为!把第二个行为的触发改为“OnMouseOut”。
链接的行为设置好了,还得设置菜单“层Layer1”的行为了!用上述同样的方法给“层Layer1”添加俩"显示-隐藏层"的行为,对象仍然是层Layer1自己,只不过一个要显示一个要隐藏。把显示的那个行为设置触发为“onMouseOver”,隐藏的那个行为设置触发为“onMouseOut”。
现在就可以预览一下了,有的人会发现鼠标放在层Layer1菜单上的文字时很正常,但是离开文字在层Layer1上的空白区域,层Layer1就会消失!这时候只需要给层加个背景色或者背景图片就OK了!
嘿嘿
我也是随便说的哦!