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

作者:袖梨 2025-07-13

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

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

img_64cb79660088730.jpg

img_64cb79661815e31.jpg

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

img_64cb796645ca432.jpg

3、点击工具栏绘制边框

img_64cb79669e9e833.jpg

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

img_64cb79670105634.jpg

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

img_64cb79678a60235.jpg

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

img_64cb7967c296f36.jpg

img_64cb79681527e37.jpg

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

img_64cb79684934a38.jpg

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

img_64cb79687d29239.jpg

相关文章

精彩推荐