dreamweaver如何制作浮动菜单?

2025-05-10 12:04:00
推荐回答(4个)
回答1:

Dremweaver制作浮动菜单:

1、运行 DW 后新建一个 HTML 文档,我们先单击“布局”栏的“绘制 AP Div”按钮(下图红圈处)来绘制2个 DIV 容器,默认命名为:apDiv1和apDiv2,然后给它们添加一些内容和样式,并稍微修改代码让apDiv1包含apDiv2。

2、点击工具栏的“窗口” ,并在下拉菜单中选择“行为”,即可在右侧栏看到“行为”的设置窗口。

3、在可视化的界面下选择apDiv1层,然后给其添加行为:“显示-隐藏元素”

4、修改这个行为的条件为“onMouseOver”

(图-1)

(图-2)

5、接下来创建一个相反的行为:鼠标从apDiv1层上移开则隐藏apDiv2菜单,过程与上面大致相同,不同的是当创建到(图-1)步骤时选择隐藏 div “apDiv2″,进行到(图-2)步骤时条件选择为:onMouseOut。 

6、最后还需要将 apDiv2 菜单的初始状态设为隐藏才能真正达到效果。将下面这段代码加入到 apDiv2 的样式中即可:

visibility: hidden;

回答2:

你的意思是固定在页面一个位置,随屏幕移动而移动吧。

样式用position:fixed;固定,然后位置用top,bottom,left,right来定位。

回答3:

这个就是浮动菜单的做法
教你一个很简单的方法,就是把菜单的层的样式设置为position:fixed; top:10px; left:10px;
position:fixed; 表示总是以body为定位的

top:10px; left:10px;这些参数是对上或对下的距离

这样设置了之后,你的菜单就实现了你要表现的功能。

回答4:

float
浮动