Dreamweaver若何建造拖拽结果

　　在网上，咱们常常能够看到一些很是适用的拖拽结果，出格是操纵于网上购物时，拜候者间接就能够把选中的物品拖拽到购物箱或购物车里，很是便利、风趣。不过大大都人不晓得，其适用Dreamweaver中的Behaviors也能够做出一样的结果来。以下是小编为大师搜刮清算的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”键，看看你做的拖动页面酷不酷?

【Dreamweaver若何建造拖拽结果】相干文章：

怎样用dreamweaver建造拖拽结果02-25

Dreamweaver若何建造网页设想03-03

Dreamweaver若何建造弹出菜单03-27

Dreamweaver若何建造网页模板07-22

操纵Dreamweaver若何建造弹出菜单03-24

Dreamweaver若何建造能弹出菜单03-30

若何用Dreamweaver轻松建造弹出菜单03-01

建造dreamweaver的技能02-27

对于Dreamweaver表格建造02-27