|
| |
 精品推荐 |
 |
|
| |
|
|
|
|
怎么在网页制作拖拽的拼图效果
|
日期：2007年7月6日 作者： 查看:[大字体
中字体 小字体]
|
细入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文件试一试。:) 其他的图片也就按此方法重复制作几次。
（出处：清风网络学院）
上一篇:高级表单验证－针对多次提交表单
下一篇:如何在网页中变化图象(速度无延迟)
|
| 怎么在网页制作拖拽的拼图效果 相关文章： |
|
|
|
| 怎么在网页制作拖拽的拼图效果 相关软件： |
|
|
|
|
