小辣椒 发表于 2022-8-2 22:51
黑黑要求比较高，做事比较严谨，好老师
我不是老师
小辣椒 发表于 2022-8-2 22:50
这个问题是我经常出现的
你的是不规范的HTML代码
这个简洁{:4_187:}
马黑黑 发表于 2022-8-2 23:23
到处有
不收就不收！
马黑黑 发表于 2022-8-2 23:23
到处有
{:5_105:}拜拜，唾觉去了。
加林森 发表于 2022-8-2 23:30
拜拜，唾觉去了。
88
加林森 发表于 2022-8-2 23:27
不收就不收！
我说过我不收徒
马黑黑 发表于 2022-8-3 07:22
88
早晨好！
马黑黑 发表于 2022-8-3 07:23
我说过我不收徒
{:4_190:}
加林森 发表于 2022-8-3 07:51
早
加林森 发表于 2022-8-3 07:51
早晨好！
早啊
马黑黑 发表于 2022-8-3 07:56
早啊
早，开始喝茶！
小辣椒 发表于 2022-8-2 22:43
谢谢黑黑，我感觉这个玩音画绝对漂亮@东篱闲人 @千羽
小辣椒，俺来了{:4_187:}
本帖最后由 千羽 于 2022-8-3 21:57 编辑 <br /><br />01.<style>
02.#papa { left: -318px; width: 1200px; height: 739px; display: flex; justify-content: center; background: #000 url('http://wx.ttt.dj/data/nfs/img/002.jpg') no-repeat center/cover; perspective: 2000px; box-shadow: 4px 4px 24px #000; font-size: 18px; position: relative; }
03.#papa h2 { position: absolute; margin-top: 20px; font: bold 30px / 30px sans-serif; color: #222; text-shadow: 1px 2px 3px #aaa; }
04.#wrapper { position: absolute; left: 40%;top: 220px; width: 300px; height: 300px; transform-style: preserve-3d; transform: rotateX(-15deg) rotateY(-20deg); animation: rot1 4s linear forwards; }
05.#ball { position: absolute; left: -560px; top: 100px; width: 481px; height: 221px; border-radius: 50%; transform: translateZ(20px);}
06.#btnPlay { position: absolute; left: 40px; bottom: 40px; outline: none; cursor: pointer; }
07.#yyMsg { position: absolute; left: 110px; bottom: 40px; color:Black; }
08.#btnBegin { position: absolute; bottom: 40px; outline: none; cursor: pointer; }
09.#mkMsg { position: absolute; left: 300px; bottom: 40px; }
10.</style>
11.
12.<div id="papa">
13. <h2></h2>
14. <div id="wrapper"><img id="ball" src="https://pic.imgdb.cn/item/62e89dd416f2c2beb192d047.gif" alt="" /></div>
15. <input id="btnPlay" type="button" value="音乐停" />
16. <span id="yyMsg">背景音乐 -爱难求情难断</span>
17. <span id="mkMsg"></span>
18.</div>
19.
20.<script>
21.let aud = new Audio();
22.aud.src = 'https://wx.ttt.dj/data/nfs/mp3/anqiu.mp3';
23.aud.loop = true;
24.aud.autoplay = true;
25.
26.btnPlay.onclick = () => aud.paused ? aud.play() : aud.pause();
千羽 发表于 2022-8-3 21:53
01.
02.#papa { left: -318px; width: 1200px; height: 739px; display: flex; justify-content: cent ...
没能开启？
马黑黑 发表于 2022-8-3 21:53
没能开启？
这是黑黑老师做的flash？
千羽 发表于 2022-8-3 21:59
这是黑黑老师做的flash？
我不做Flash，flash已经被淘汰了的
马黑黑 发表于 2022-8-3 22:00
我不做Flash，flash已经被淘汰了的
现在还在苟延残喘呢，做音画的喜欢它{:4_181:}
千羽 发表于 2022-8-3 22:02
现在还在苟延残喘呢，做音画的喜欢它
做音画可以使用更为丰沛的CSS+JS
马黑黑 发表于 2022-8-3 22:03
做音画可以使用更为丰沛的CSS+JS
俺不会{:4_203:}