最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
DW滑动菜单的制作
时间:2022-07-02 13:32:04 编辑:袖梨 来源:一聚教程网
言归正传,废话少说。准备工作如下:
1、在Dreamweaver中新建一个空白文档(或者打开你要添加效果的页面)。
2、设置好你自己的css风格。
3、在页面上插入一个长500pix的表格(这里说明:插入表格的目的是为了控制层在不同分辨率下保持相对的位置不变,如果你的页面之前没有做相关设置,那么这一步你可能要费点功夫整理一下你的页面结构)。
4、将光标置入表格内,点击菜单 [插入――层] 插入一个长500高20的图层,并命名为layer1。
5、然后再将光标置入图层layer1,点击菜单 [插入――层] 再插入一个长500高130的图层layer2;并将layer2的属性中左边距和上边距都设置为0,并为它指定一个你喜欢的背景色。
6、然后重复步骤5的方法,再插入一个图层layer3,这个图层没什么特殊的用处,在我的这个教程中,我只不过是为了放置几个按钮而已。最后如图1:
图1
TIPS:这里这么做的目的是为了给你要滑动的图层前面加一个挡板,只有当点击的时候图层才从你的这个图层下缓缓的滑动出来。
相关文章
- 黑神话悟空1.0.12.16581版本更新公告 12-27
- 光遇12.27红石碎片在哪里 12-27
- 无限暖暖翩翩愿飞去怎么样 无限暖暖翩翩愿飞去能力套装介绍 12-27
- 无限暖暖流星绚烂时怎么样 无限暖暖流星绚烂时套装介绍 12-27
- 无限暖暖1.1版本流星季怎么玩 无限暖暖1.1流星季版本活动介绍 12-27
- 第五人格孽蜥耶梦加得怎么样 第五人格孽蜥耶梦加得稀世时装介绍 12-27