Dreamweaver中想要将一幅画分割成几份在框内进行拼图游戏；当靠近真确的拼图时自动吸附，该怎么制作这个动画效果呢？下面我们就来看看详细的教程。

1、在软件中新建一个页面点击创建

Dreamweaver怎么设计一款拼图游戏?

Dreamweaver怎么设计一款拼图游戏?

2、点击-页面设置选择一张背景图片

Dreamweaver怎么设计一款拼图游戏?

3、点击工具栏绘制边框

Dreamweaver怎么设计一款拼图游戏?

4、选中边框-点击代码-重命名为bj-找到背景代码

Dreamweaver怎么设计一款拼图游戏?

5、找到边框代码-删除默认样式颜色的边框代码

Dreamweaver怎么设计一款拼图游戏?

6、选择输入边框样式和颜色代码

Dreamweaver怎么设计一款拼图游戏?

Dreamweaver怎么设计一款拼图游戏?

7、在绘制四个边框设置为透明色

Dreamweaver怎么设计一款拼图游戏?

8、按下shift键一次点击选中4个边框点击-修改选项-排列顺序-设置宽度相同-在进行一次设置高度相同

Dreamweaver怎么设计一款拼图游戏?

上一页12 下一页 阅读全文

更多文章请关注《万象专栏》