1 说明： 　　1.1 拿来即能用，老少男女皆可为，适合为自己或者女朋友或老婆、男朋友或老公，小孩，老人制作有音乐的3d图片展示。 　　1.2 推荐指数：★★★★ 　　1.3 适合收藏，代码已经亲测过，建议谷歌浏览器，其他浏览器没测试，+微软vscode编辑器。 　　2 效果 　　3 准备工作： 　　3.1 图片准备：6张jpg图片：命名为：jt1~6，即jt1.jpg，jt2.jpg，jt3.jpg......，放在文件夹img中。 　　3.2 背景音乐准备：选一个喜欢的背景音乐：简单一点就是命名为：tiantian.mp3（和我一样，这样图片和音乐都不需要去修改代码）。 　　3.3 vue.js文件需要去官网下载，也可以直接引用，建议下载比较好，因为断网也能使用。 　　3.3.1 直接引用如下： 　　3.3.2 下载vue.js，以前说过怎么办？复习一下。 　　复制上面的网页地址，你懂的，到浏览器中打开，按ctrl+a全选，复制到本地，新建一个txt，黏贴上去，保存，再重新命名为：vue.js,即可。 　　4.如上图，图片、背景音乐、vue.js准备好了。 　　======================== 　　接下来是代码部分：一个一个来 　　======================== 　　5.index.html代码： 　　6 vueapp.js文件代码： 　　7 3dbox.css文件的代码： 　　8 gunball.css文件的代码： 　　9 注意几个问题： 　　9.1 vueapp.js为什么只能放在后面引用，前面引用行不行？感兴趣的可以去试试。 　　9.2 vue.js布局和纯html布局的不同，可以思考思考。 　　9.3 不想思考也没事，拿来就可以使用。注意背景音乐的命名：tiantian.mp3，6张图片命名：jt1.jpg，复制vue.js即可。简单使用，小白就会。 　　分享出来。