如何制作圆形浮动菜单效果

如何制作圆形浮动菜单效果

演示代码
demo/js/other/baozha.htm

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;