用 Dreamweaver 制作拖拽效果-IT客

论坛

设为首页

加入收藏

关于我们

首页 | 程序 | IT新闻 | IT基础 | 网络 | 系统 | 数据库 | 软件开发 | 软件下载 | 电影频道 | FLASH | 图片 | 技术文档 | 分类信息

网络 Cisco 网络设备解决方案系统 Windows Linux 服务器系统安全程序 Java Dotnet 数据库 Oracle MySQL MSSQL 软件开发 Web开发桌面开发 IT基础 网页设计平面设计多媒体工具软件即时通讯 Flash FLASH爆笑 FLASH游戏 FLASH MTV FLASH彩铃图片明星美女 笑话大全

子栏目 | 基础教程 | 应用实例 | 技巧教程

首页 > IT基础 > 网页设计 > Dreamweaver > 基础教程 >

用 Dreamweaver 制作拖拽效果

作者：　发布时间：2008-04-14 07:44:55　来源：

　　在网上，我们经常可以看到一些非常实用的拖拽效果，特别是应用于网上购物时，访问者直接就可以把选中的物品拖拽到购物箱或者购物车里，非常方便、有趣。不过大多数人不知道，其实用Dreamweaver中的Behaviors也可以做出同样的效果来。如果你有兴趣，就和我一起来制作一个具有拖拽效果的的购物箱吧！
　　在做拖拽效果的网页之前，首先我们要准备一些图片。比如用作购物箱或购物车的一张
大图片，外加几张代表物品的小图片。我在这儿准备了一个购物袋，还有几样物品，它们分别是：手机、游戏手柄和汽车。
　　准备好了图片，就可以开始我们的工作了。打开Dreamweaver，新建一个页面，在对象面板中选择图层工具，然后用鼠标在页面上拖出一个图层来(或者选择“Insert/Layer”，插入一个新层)。然后，把鼠标放进层中，再选择“对象/插入图像工具”，在此图层中插入刚才准备好的一个图片。
　　重复上面的动作，再接着插入3个图层，然后在此3个图层中分别插入你准备好的另外几张图片。