分类分类
更新时间:2026-10-06 18:42:26作者:zy
Dreamweaver怎么制作动态导航?Dreamweaver设计网页的时候,想要制作动态导航,该怎么制作呢?下面我们就来看看dw网页添加动态导航的教程,需要的朋友可以参考下
1、制作导航栏,创建一个AP图层,设置好图层的背景颜色。

2、在AP图层内,新建一个一行四列的表格,输入文本,输入高值,居中对齐。再设置图层的高与表格一样。



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


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

5、选中新闻菜单所在的单元格,点击行为窗口,添加行为显示隐藏元素。在弹出的对话框中选择刚才隐藏的层,并点击显示,确定,改变其事件为onmouseover。



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


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

8、设置下面图层的属性,点击行为,添加行为,显示、隐藏元素,在对话框中点击显示,更改事件为onmouseover。同样也要设置一个鼠标移开隐藏元素的行为,在这里就不在演示了。



9、其他菜单一样设置。这样,整个动态导航栏就设置好了。
以上就是Dreamweaver网页添加动态导航的教程的教程,希望大家喜欢。
相关
摄像头远程监控看家2026官方最新版本生活服务36.4 MBv1.0.02026-10-06
下载公务员省考最新手机版学习办公57.5 MBv6.09.112026-10-06
下载野性蜂巢(Wild Hive)经营养成267.49 Mv1.66.42026-10-04
下载趣好卖app网上购物74.76 Mv5.2.52026-10-04
下载兔叽月记app医疗健康55.33 Mv1.5.22026-10-04
下载魔力弹神策略游戏33.56 Mv1.0.02026-10-04
下载大破坏幸存者策略游戏62.28 Mv1.0.32026-10-04
下载啃豆小仓拼豆app实用工具41.74 Mv1.32026-10-04
下载方块公国安卓移植版策略游戏1.58Gv1.2.202026-10-04
下载快车顺风车出行2026官方最新版本生活服务82.0 MBv1.1.22026-10-04
下载网约上门按摩2026官方最新版本生活服务73.9 MBv2.0.22026-10-04
下载道运考试通(道路考练工具)学习办公32.8 MBv6.0.12026-10-04
下载










