Dreamweaver:[44]怎么在网页中设置动态导航

2025-05-10 20:57:56

1、制作导航栏,创建一个AP图层,设置好图层的背景颜色。

Dreamweaver:[44]怎么在网页中设置动态导航Dreamweaver:[44]怎么在网页中设置动态导航

3、在每个菜单下面,创建一个图层,比如新闻下面,并在图层下面插入一个一列三行的表格。

Dreamweaver:[44]怎么在网页中设置动态导航

4、设置新闻下的AP层为隐藏,点击预览就看不到这个图层。

Dreamweaver:[44]怎么在网页中设置动态导航Dreamweaver:[44]怎么在网页中设置动态导航

6、再根据刚才同样的方法,设置一个当鼠标移开,图层隐藏的行为。更改事件为onmouseout.

Dreamweaver:[44]怎么在网页中设置动态导航

7、为了确保鼠标能够点击到下面图层内表格的内容链接,需要再进一步设置,把下面的图层移动到新闻表格的下方,并对齐,不留缝隙。

Dreamweaver:[44]怎么在网页中设置动态导航Dreamweaver:[44]怎么在网页中设置动态导航

9、其他菜单一样设置。这样,整个动态导航栏就设置好了。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢