发信人: zy4843762()
整理人: eagle(2000-10-10 11:21:25), 站内信件
|
Dreamweaver2特效——制作拼图游戏
概要:制作拼图游戏（在IE 4.0、Netscape Communicator 4.61中适用）。
工具:Layer（层）与Behavior（行为事件）菜单命令。
在浏览别人网页的时候，你也许经常发现网页上的某些图片（或文字）
可以用鼠标随意拖动。如果把此效果运用到你的网页中，不是也可以为你
的网页增添一点灵性?不过你或许会觉得制作起来比较麻烦，其实恰恰相反，
用DW做此效果特别简单。相信看了下面的制作过程，你也会发出这样的感
叹。
一般情况下，我们都固定住图的一部分，在此基础上再用图的其它部
分（可以被拖动的）进行组合拼装，当然也可以让图全部都可以被拖动。
下面是具体的制作步骤。
步骤一:准备好要进行拼装的图形，然后将其分割。分割图形可使用Photosh
op
之类的软件，如果没有，用Windows自带的画图工具也可以。
步骤二:选定分割后图形的一部分，作为页面上固定部分，用菜单“Insert”
中的“Image”命令直接插入到页面上的合适位置就可以。
步骤三:制作活动图形。在页面上插入一个层（Layer），选定分割后
图形可被拖动的部分，将其插入层中，选中该层，弹出Behavior框，在其
中的“Events For”框中选择“IE 4.0”。
单击“+”，在菜单中选择“Drag Layer”，弹出对话框。
“Layer”表示选定层的名称（此项一定要选正确），至于其它参数用
默认值或不填也可以了。选择“More Options”将会有更多的参数，见下
图，同样使用默认值也可以。
步骤四:在Behavior框的“Events”中点黑色箭头，选择“onMouseOver”
或“onMouseDown”。
步履五:如还有活动图形，重复步骤三、四，直至全部做完。
拼装图形只是DW中Behavior命令的一个简单应用，还有更多的功能在
等着我们进一步去开发，把我们的网页点缀得更加精彩！
--
※ 来源:．月光软件站 http://www.moon-soft.com．[FROM: 202.110.88.73]
|
|