我的一亩三分地 我就喜欢!
13fen  设为主页
 收藏本站
 
当前位置: > 一亩三分地：首页 > 网络学院 > 网页设计 > JS特效 > 怎么在网页制作拖拽的拼图效果
热门文章排行
热门文章排行 网页上传常见问题分析(11-24)
五彩缤纷建网页（一）(10-11)
五彩缤纷建网页（二）(10-11)
五彩缤纷建网页（三）(10-11)
五彩缤纷建网页（四）(10-11)
精采文章排行
精采文章排行 网页技巧二十例(11-13)
模仿QQ和MSN消息提示的效果(11-13)
根据分辨率不同调用不同的css文件(11-13)
Dreamweaver 基础 ：DW的"文档"工具(11-01)
Dreamweaver 基础 ：DW的"文档"窗口(11-01)
技术专题推荐
网管论坛交流
　

怎么在网页制作拖拽的拼图效果 

作者:佚名   来源:Linux 宝库   点击:   日期:2006-11-24

-->
细入Behaviors 的Drag Layer指令。

如何在网页中做一个拼图的效果？

其实要做到这点并不困难，只需要使用到Dreamweaver一个简单的指令。

步骤一:要找到一张完整，而且色彩鲜明的图片。这样便于他人识别。

步骤二:使用一些软件将他们均匀的分割，并将他们分别命名为*.jpg或*.gif图片。我推荐使用Friework或PhotoShop。 　

步骤三:进入Dreamweaver打开一个相应文件。

步骤四:单击对象工具栏中的层(Layer)，在页面中脱拽一个层。

步骤五:把鼠标固定在层框中，同时点击工具拦中的图片插入按钮，插入一张你先前分割的一张图片。

步骤六:按键盘"F8"，弹出"Behaviors"面板，在Events For:。选择IE 4.0。

步骤七:选中页面中的层，然后单击面板中的"+"键，系统弹出列表，选择其中的Drag Layer。 　　

步骤八:此时弹出的框子，选择层(Layer)的时候时候一定选择当前层。(如果不是很清楚，按F11)。其他的设置可以不去动他的默认。按OK。

步骤九: 随后点击事件右侧的向下的黑色小箭头，在弹出的列表中选择"onMouseOver"。 　　

这样一个可以拖拽的图象就建成了，你可以save一下。用浏览器打开相应的html文件试一试。:) 其他的图片也就按此方法重复制作几次。



【文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论】

   相关文章:
·在状态栏中实现活动文字效果 ·DW+ASP玩转动态二级菜单
·鼠标事件的基础和完美实现 ·DW滑动菜单的制作
·网页里震动的效果怎么做 ·灵活运用DREAMWEAVER的SITE功能

   文章评论:(条)
  
 请留名： 匿名评论   点击查看所有评论 网管论坛
 

  责任编辑:一分  声明：刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。