用 Dreamweaver 制作拖拽效果_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

用 Dreamweaver 制作拖拽效果

作者：闵涛文章来源：闵涛的学习笔记点击数：630 更新时间：2009/4/23 12:26:28

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

　　好了，重要的一步来了。点击“窗口/动作”，会弹出“动作(Behaviors)”对话框来。点击对话框上方的“+”号后，会再弹出一个菜单，选择此菜单中的“Drag Layer”，接着再弹出的，就是“Drag Layer”对话框了。

　　重复上述步骤，分别设置好其他几个图层的属性，设置好的“Behaviors”对话框的中间文本框中多出了4个“onLoad”标记。
　　好了，设置完这些，我们的工作也完成了，别忘了保存网页，然后按下“F12”键，看看你做的拖动页面酷不酷？

[电脑技术]使用?和*两个通配符迅速批量(搜索)查找文件  [聊天工具]快速又高效用Email免费发送网络传真__天极Yesky
[常用软件]网管工具用OH协助服务器进行安全监控  [常用软件]留住精彩用“数码故事”制作DVD光碟
[常用软件]小块头有大智慧用Nero轻松设计个性化光盘  [常用软件]技高一筹用Winamp播放影碟
[VB.NET程序]用ＶＢ实现表单的自动提交  [VB.NET程序]用 VB 打开任意盘(硬盘/U盘/光盘)的文件.
[VB.NET程序]用 VB 创建MS OFFICE的 COM 加载项  [VB.NET程序]如何用 API 播放 CD

教程录入：mintao 责任编辑：mintao

上一篇教程： Dreamweaver 初学解惑

下一篇教程：巧用 Dreamweaver 文件库更新网站

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……