每个人都曾试图在平淡的学习、工作和生活中写一篇文章。写作是培养人的观察、联想、想象、思维和记忆的重要手段。相信许多人会觉得范文很难写？下面是小编为大家收集的优秀范文，供大家参考借鉴，希望可以帮助到有需要的朋友。
dreamweaver拖拽布局 在dreamweaver中,拖动层动作的基本篇一
【提要】本篇《dreamweaver如何制作拖拽效果》特别为需要编程学习的朋友收集整理的，仅供参考。内容如下：
在网上，我们经常可以看到一些非常实用的拖拽效果，特别是应用于网上购物时，访问者直接就可以把选中的物品拖拽到购物箱或者购物车里，非常方便、有趣。不过大多数人不知道，ors也可以做出同样的效果来。以下是小编为大家搜索整理的dreamweaver如何制作拖拽效果，希望能给大家带来帮助!更多精彩内容请持续关注我们考试网!
在做拖拽效果的网页之前，首先我们要准备一些图片。比如用作购物箱或购物车的一张大图片，外加几张代表物品的小图片。我在这儿准备了一个购物袋，还有几样物品，它们分别是：手机、游戏手柄和汽车(哇!汽车也可以拖进购物袋中啊!)。
准备好了图片，就可以开始我们的工作了。打开dreamweaver，新建一个页面，在对象面板中选择图层工具，然后用鼠标在页面上拖出一个图层来(或者选择“insert/layer”，插入一个新层)。然后，把鼠标放进层中，再选择“对象/插入图像工具”，在此图层中插入刚才准备好的一个图片。
重复上面的动作，再接着插入3个图层，然后在此3个图层中分别插入你准备好的另外几张图片。完成后效果如图1。
图1
好了，重要的一步来了。点击“窗口/动作”，会弹出“动作(behaviors)”对话框来，如图2。点击对话框上方的“+”号后，会再弹出一个菜单，选择此菜单中的“drag layer”，接着再弹出的，就是“drag layer”对话框了，如图3。
图2
在此对话框中可以分别设置几个图层的属性。我们把插入购物袋图像的那个图层设置为“不可移动层(unconstrained)”，其余的几个图层设置为“可移动层(constrained)”。在此对话框上还有一个“advanced”选项，点击它，在此面板上勾选“when drag”选项，然后再把“ring layer to front，then”选项设定为“restored z-index”就可以了。
图3
重复上述步骤，分别设置好其他几个图层的属性，设置好的“behaviors”对话框的中间文本框中多出了4个“onload”标记。
好了，设置完这些，我们的工作也完成了，别忘了保存网页，然后按下“f12”键，看看你做的拖动页面酷不酷?
s("content_relate");【怎么用dreamweaver制作拖拽效果】相关文章：
1.
dreamweaver怎么制作网页
2.dreamweaver怎么制作可拖动表格
3.dreamweaver怎么制作电子相册
4.怎么用dreamweaver设计网页
5.关于用dreamweaver制作网页的基本步骤
6.dreamweaver表格制作步骤
7.制作dreamweaver的技巧
8.关于dreamweaver表格制作
【本文地址：http://www.xuefen.com.cn/zuowen/2802868.html】
