Dreamweaver:[44]怎么在网页中设置动态导航
1、制作导航栏,创建一个AP图层,设置好图层的背景颜色。
![Dreamweaver:[44]怎么在网页中设置动态导航](https://exp-picture.cdn.bcebos.com/49701aebf6a75f0f653c955d97324b18502c4caf.jpg)
![Dreamweaver:[44]怎么在网页中设置动态导航](https://exp-picture.cdn.bcebos.com/cca2552c56ee7b7f72199dc66ef4fcf5ef0d41af.jpg)
3、在每个菜单下面,创建一个图层,比如新闻下面,并在图层下面插入一个一列三行的表格。
![Dreamweaver:[44]怎么在网页中设置动态导航](https://exp-picture.cdn.bcebos.com/732a12e265e7340f9b6ff59035b9763e20c2b4af.jpg)
4、设置新闻下的AP层为隐藏,点击预览就看不到这个图层。
![Dreamweaver:[44]怎么在网页中设置动态导航](https://exp-picture.cdn.bcebos.com/6ca9846186254193c4f051b7df1bd10ff326abaf.jpg)
![Dreamweaver:[44]怎么在网页中设置动态导航](https://exp-picture.cdn.bcebos.com/0cdb2f0e1799e92aa9a0a3f3e1fec314f0c5a0af.jpg)
6、再根据刚才同样的方法,设置一个当鼠标移开,图层隐藏的行为。更改事件为onmouseout.
![Dreamweaver:[44]怎么在网页中设置动态导航](https://exp-picture.cdn.bcebos.com/6bbfdd14f1c595ee58d9569427530688902c9aaf.jpg)
7、为了确保鼠标能够点击到下面图层内表格的内容链接,需要再进一步设置,把下面的图层移动到新闻表格的下方,并对齐,不留缝隙。
![Dreamweaver:[44]怎么在网页中设置动态导航](https://exp-picture.cdn.bcebos.com/906dbbcadce8904821e49644130e5f20427192af.jpg)
![Dreamweaver:[44]怎么在网页中设置动态导航](https://exp-picture.cdn.bcebos.com/8974c38a59de4507b819d9c35e413a8ca70885af.jpg)
9、其他菜单一样设置。这样,整个动态导航栏就设置好了。