就是菜单条始终浮动在屏幕某一高度,不会因网页滚动使菜单离开屏幕。
<div { top:300px; height: 35px; width: 100%; style="background-color:#CCCC33; position: fixed;"}>
<table width="80%" border="2" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#0066FF"> </td>
</tr>
</table>
</div>
Dremweaver制作浮动菜单:
1、运行 DW 后新建一个 HTML 文档,我们先单击“布局”栏的“绘制 AP Div”按钮(下图红圈处)来绘制2个 DIV 容器,默认命名为:apDiv1和apDiv2,然后给它们添加一些内容和样式,并稍微修改代码让apDiv1包含apDiv2。
2、点击工具栏的“窗口” ,并在下拉菜单中选择“行为”,即可在右侧栏看到“行为”的设置窗口。
3、在可视化的界面下选择apDiv1层,然后给其添加行为:“显示-隐藏元素”
4、修改这个行为的条件为“onMouseOver”
5、接下来创建一个相反的行为:鼠标从apDiv1层上移开则隐藏apDiv2菜单,过程与上面大致相同,不同的是当创建到(图-1)步骤时选择隐藏 div “apDiv2″,进行到(图-2)步骤时条件选择为:onMouseOut。
6、最后还需要将 apDiv2 菜单的初始状态设为隐藏才能真正达到效果。将下面这段代码加入到 apDiv2 的样式中即可:
visibility: hidden;
太谢谢你了!不过我加上position:fixed后,就我问题补充里的那段代码,div菜单宽度如何才能是全屏的?
追答你把DIV的宽度设置为width:100%;即可是全屏的啊。
追问你瞧我问题补充里的那段代码,已经是width:100%了,求你了,帮帮我吧
追答
这段代码修改为:
这样就实现你要的效果了。