今天是

爱酷家


当前位置:首页 > 站长学院 > DW教程

利用Dreamweaver制作滑动菜单效果教程

收集整理   发布时间:2012-10-13 20:52:00   阅读

利用Dreamweaver制作滑动菜单效果教程

       准备工作如下:

  1. 在dw中新建一个空白文档(或者打开你要添加效果的页面)。

  2. 设置好你自己的css风格。

  3. 在页面上插入一个长500pix的表格(这里说明:插入表格的目的是为了控制层在不同分辨率下保持相对的位置不变,如果你的页面之前没有做相关设置,那么这一部你可能要费点功夫整理一下你的页面结构)。

  4. 将光标置入表格内,点击菜单 [插入——层] 插入一个长500高20的图层,并命名为layer1。

  5. 然后再将光标置入图层layer1,点击菜单 [插入——层] 再插入一个长500高130的图层layer2;并将layer2的属性中左边距和上边距都设置为0,并为它指定一个你喜欢的背景色。

  6. 然后重复步骤5的方法,再插入一个图层layer3,这个图层没什么特殊的用处,在我的这个教程中,我只不过是为了放置几个按钮而已。最后我的开起来如图:

  TIPS:这里这么做的目的是为了给你要滑动的图层前面加一个挡板,只有当点击的时候图层才从你的这个图层下缓缓的滑动出来。


注:⊙如转载本站原创作品,请务必包保留本文地址:

内容: