最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
DW滑动菜单的制作
时间：2022-07-02 13:32:04 编辑：袖梨 来源：一聚教程网
今天应朋友们要求，来对一个滑动菜单效果写一篇简单的教程；在牛筋大学软件部有一个关于层滑动的效果，好像Itnow上的广告也是采用的这样效果，不用的时候隐藏，用的时候点击一下按钮层就慢慢的滑动出来，即节省了有限的页面空间，还达到了令人羡慕的视觉效果，感觉起来还不错。这个效果大家可以点击这里察看。
言归正传，废话少说。准备工作如下：
1、在Dreamweaver中新建一个空白文档（或者打开你要添加效果的页面）。
2、设置好你自己的风格。
3、在页面上插入一个长500pix的表格（这里说明：插入表格的目的是为了控制层在不同下保持相对的位置不变，如果你的页面之前没有做相关设置，那么这一步你可能要费点功夫整理一下你的页面结构）。
4、将光标置入表格内，点击菜单 [插入――层] 插入一个长500高20的图层，并命名为layer1。
5、然后再将光标置入图层layer1，点击菜单 [插入――层] 再插入一个长500高130的图层layer2；并将layer2的属性中左边距和上边距都设置为0，并为它指定一个你喜欢的背景色。
6、然后重复步骤5的方法，再插入一个图层layer3，这个图层没什么特殊的用处，在我的这个教程中，我只不过是为了放置几个按钮而已。最后如图1：
图1
TIPS：这里这么做的目的是为了给你要滑动的图层前面加一个挡板，只有当点击的时候图层才从你的这个图层下缓缓的滑动出来。
相关文章
- 蛋仔派对蛋仔碰碰棋新增什么蛋仔 12-12
- 火影忍者手游漩涡鸣人宇智波佐助技能怎么样 12-12
- 天下万象门派有哪些选择 12-12
- 失控进化灯塔有什么探索流程 12-12
- 洛克王国世界多彩方方怎么进化 12-12
- 巨神军师神话武将怎么选择 12-12